SusWedgeSlider

Сегментированный «volume wedge» (rising bars). Клик по ряду задаёт число заполненных сегментов.

Пакет

SusKit · Атомы (коммерческий)

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

SusKit · Atoms

Свойства

Имя	Тип	По умолчанию
Label	Prop<string>	""	v-model
Value	Prop<int>	0
Segments	Prop<int>	10
ShowValue	Prop<bool>	true
Disabled	Prop<bool>	false	v-model
ValueText	Prop<string>	"0"	v-model

Слоты

Слотов нет.

События

Имя	Поле	Payload
Changed	OnChanged	int

Хуки стиля

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

• sus-wedge-slider
• sus-wedge-slider__label
• sus-wedge-slider__row
• sus-wedge-slider__row--grow
• sus-wedge-slider__seg
• sus-wedge-slider__seg--h1
• sus-wedge-slider__seg--h10
• sus-wedge-slider__seg--h11
• sus-wedge-slider__seg--h12
• sus-wedge-slider__seg--h13
• sus-wedge-slider__seg--h14
• sus-wedge-slider__seg--h15
• sus-wedge-slider__seg--h16
• sus-wedge-slider__seg--h2
• sus-wedge-slider__seg--h3
• sus-wedge-slider__seg--h4
• sus-wedge-slider__seg--h5
• sus-wedge-slider__seg--h6
• sus-wedge-slider__seg--h7
• sus-wedge-slider__seg--h8
• sus-wedge-slider__seg--h9
• sus-wedge-slider__seg--on
• sus-wedge-slider__value
• sus-wedge-slider__wrap
• sus-wedge-slider--disabled

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

var wedge = new SusWedgeSlider();
wedge.Bind("Volume", filled: 6, segments: 10);
wedge.ShowValue.Value = true;
wedge.OnChanged += n => { /* filled count */ };

Prop	Роль
Label	Опциональная подпись (Bind переводит в верхний регистр)
Value / Segments	Число заполненных 0…Segments
ShowValue / ValueText	Числовой индикатор (по умолчанию — проценты)
Disabled	Блокирует ввод
OnChanged	Action<int>

Заметки

• Bind(label, filled, segments) за один вызов задаёт Label, Segments и ограниченный (clamped) Value.
• ValueText автоматически обновляется в строку с процентами при изменении заполнения.

Смотрите также Layout recipes.