From 3b744fc3f2563d6cd68df547e96cda8a3595b125 Mon Sep 17 00:00:00 2001 From: panFD Date: Sun, 13 Sep 2026 13:18:34 +0800 Subject: [PATCH] =?UTF-8?q?fix(heroTopBar):=20=E4=BC=98=E5=8C=96=E6=8A=A4?= =?UTF-8?q?=E7=9B=BE=E6=9D=A1=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91=E5=B9=B6?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=95=B0=E5=80=BC=E6=A0=87=E7=AD=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 修复原护盾条进度固定满格的问题，改为按护盾与血条上限的比例展示 2. 新增动态创建的护盾数值文本标签，显示格式化后的护盾数值 3. 优化护盾显隐逻辑和进度计算规则，视觉上表现为护盾优先消耗 --- assets/script/game/hero/HeroTopBarComp.ts | 42 +++++++++++++++++++---- 1 file changed, 35 insertions(+), 7 deletions(-) diff --git a/assets/script/game/hero/HeroTopBarComp.ts b/assets/script/game/hero/HeroTopBarComp.ts index 0035f0f7..7dbcf288 100644 --- a/assets/script/game/hero/HeroTopBarComp.ts +++ b/assets/script/game/hero/HeroTopBarComp.ts @@ -1,10 +1,10 @@ -import { _decorator, ProgressBar, Sprite, UIOpacity, Vec3, v3, tween, Tween, Color, clamp, Node } from "cc"; +import { _decorator, ProgressBar, Sprite, UIOpacity, UITransform, Vec3, v3, tween, Tween, Color, clamp, Node, Label, LabelOutline } from "cc"; import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS"; import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp"; import { HeroAttrsComp } from "./HeroAttrsComp"; import { BuffComp } from "./BuffComp"; import { BuffList, BuffCategory, DEBUFF_ICON_MAP } from "../common/config/BuffSet"; -import { FacSet } from "../common/config/GameSet"; +import { FacSet, NumberFormatter } from "../common/config/GameSet"; const { ccclass, property } = _decorator; @@ -44,6 +44,8 @@ export class HeroTopBarComp extends CCComp { private debuffNode: Node = null!; /** 当前点亮的 debuff 图标节点名集合（用于 diff，避免每帧重复 set active） */ private activeDebuffNames: Set = new Set(); + /** 护盾数值文本（护盾条节点下动态创建，显示当前护盾数值） */ + private shieldLabel: Label = null!; // ==================== 配置 ==================== private hp_height: number = 90; @@ -138,13 +140,39 @@ export class HeroTopBarComp extends CCComp { } } - /** 更新护盾数值条（显示具体数值，无上限） */ + /** + * 更新护盾数值条。 + * + * Why 进度按 shield / max(hpMax, shield) 计算：护盾无固定上限， + * 写死满条会导致受击时进度条不动；以血条上限为分母可在护盾被削减时实时反映下降， + * 同时护盾条作为血条之上的覆盖层，视觉上表现为护盾先行消耗。 + * @param shield 当前护盾值（可为 0，此时隐藏护盾条） + */ public shieldShow(shield: number = 0): void { if (!this.shieldProgressBar) return; - // 护盾条直接显示具体数值，progress 固定为 1（满条显示） - this.shieldProgressBar.progress = 1; - // 护盾节点显隐 - this.shieldProgressBar.node.active = shield > 0; + const active = shield > 0; + this.shieldProgressBar.node.active = active; + if (!active) return; + + // 进度分母取护盾与血条上限的较大值，保证比例稳定在 [0,1] 且随扣盾实时下降 + const hpMax = this._model ? this._model.getFinalHpMax() : 0; + const divisor = Math.max(hpMax, shield, 1); + this.shieldProgressBar.progress = clamp(shield / divisor, 0, 1); + + // 数值文本：懒加载创建，随护盾条节点一起显隐 + if (!this.shieldLabel) { + const labelNode = new Node("shield_num"); + const ui = labelNode.addComponent(UITransform); + labelNode.setParent(this.shieldProgressBar.node); + this.shieldLabel = labelNode.addComponent(Label); + this.shieldLabel.fontSize = 10; + this.shieldLabel.lineHeight = 10; + this.shieldLabel.color = new Color("#FFFFFF"); + const outline = labelNode.addComponent(LabelOutline); + outline.color = new Color("#000000"); + outline.width = 1; + } + this.shieldLabel.string = NumberFormatter.formatNumber(Math.floor(shield)); } /**