К содержимому

SusHealthBar

SusHealthBar

Анимированный fill HP (0…1) с опциональным percent-label и порогами healthy / warning / critical.

Пакет

SusKit · Мир (коммерческий)

Открыть в песочнице

SusKit · World

Свойства

ИмяТипПо умолчанию
ValueProp<float>1f
ShowLabelProp<bool>true

Слоты

Слотов нет.

События

Публичных событий нет.

Хуки стиля

Контракт USS-классов — внешний вид переопределяется без правки C#. Состояния переключаются этими классами:

  • hb-fill
  • hb-label
  • sus-healthbar
  • sus-healthbar--critical
  • sus-healthbar--healthy
  • sus-healthbar--warning

Использование

csharp
var hp = new SusHealthBar();
hp.Value.Value = 0.72f;
hp.ShowLabel.Value = true;
xml
<template>
  <sus:SusHealthBar :Value="Hp.Value"
                    :ShowLabel="ShowLabel.Value" />
</template>

<script>
public Prop<float> Hp = new(0.72f);
public Prop<bool> ShowLabel = new(true);
</script>
PropРоль
ValueДоля 0…1 (визуально ограничивается)
ShowLabelПроцентный текст поверх полосы

Заметки

  • Классы порогов: healthy / warning / critical (определяются из Value).
  • Заполнение анимируется к новому значению (~0.4 с); обновляйте Value по тикам боя.