Multi-State Button¶

Multi-State Button 是一种可在两个以上状态之间切换的按钮控件。每个状态都可以配置独立的外观（颜色、文字） 和对应的动作逻辑。

属性

名称	描述
名字	此控件的名称。
X	控件左侧距画布左侧的距离，单位px。
Y	控件顶部距画布顶部的距离，单位px。
W	控件的宽度，单位px。
H	控件的高度，单位px。
	控件的圆角曲率。
当前值	将该值去和"按钮"分类下的状态值进行匹配，根据匹配到的结果，显示对应状态的按钮外观。
控制值	绑定到一个控制状态的属性。当对应按钮被按下时，当前按钮对应的值会被写入“数据”->“控制值”绑定的属性中。通常情况下，当前值和控制值会绑定同一属性。
边框	设置控件的边框粗细。
按钮->状态	设置控件在不同状态值时的外观样式。可以根据需要，自行添加状态。 - 选中文本：按钮处于选中状态时显示的文本内容。 - 未选中文本：按钮处于未选中状态时显示的文本内容。 - 值：按钮对应的值。 - 选中背景色：按钮处于选中状态时的背景色。 - 未选中背景色：按钮处于未选中状态时的背景色。 - 选中字体颜色：按钮处于选中状态时的字体颜色。 - 未选中字体颜色：按钮处于未选中状态时的字体颜色。 - 选中边框色：按钮处于选中状态时的边框色。 - 未选中边框色：按钮处于未选中状态时的边框色。
按钮->样式	设置按钮是水平显示还是垂直显示。
按钮->按钮间距	设置相邻2个按钮之间的间距，单位px。
字体	设置文本内容的字体。包括字体型号、字体大小、粗体、倾斜、水平对齐方式、垂直对齐方式。

动作

允许您基于某种条件执行特定的动作。请参阅“动作”页上各种动作的完整描述。

示例

可通过Multi-State button控件设备的运行状态。

1. 在画面上添加一个Multi-State button控件
2. 当前值绑定到一个数值型变量：“Demo:status”。该变量可写。
3. 控制值也绑定到变量：“Demo:status”

4. 按钮属性如下：

   

5. 在运行页面点击按钮来控制设备的运行状态，查看按钮样式。