SusWedgeSlider

分段式“音量楔形”（渐升条形）。沿该行点击可设置已填充的段数。

包

SusKit · 原子（商业）

在 Playground 中打开

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

插槽

没有插槽。

事件

名称	字段	载荷
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	Role
Label	可选标题（Bind 会将其转为大写）
Value / Segments	已填充段数 0…Segments
ShowValue / ValueText	数值读数（默认按百分比显示）
Disabled	阻止输入
OnChanged	Action<int>

备注

• Bind(label, filled, segments) 一次调用即可设置 Label、Segments 和限幅后的 Value。
• 填充值变化时，ValueText 会自动更新为百分比字符串。

另见 布局技巧。