Toggle Button¶
Toggle Button控件表示两种状态的切换，通过将Toggle Button设置为选中或未选中状态，用户可以方便地切换相应功能的状态。
属性
| 名称 | 描述 |
|---|---|
| 名字 | 此控件的名称。 |
| X | 控件左侧距画布左侧的距离，单位px。 |
| Y | 控件顶部距画布顶部的距离，单位px。 |
| W | 控件的宽度，单位px。 |
| H | 控件的高度，单位px。 |
 | 控件的圆角曲率。 |
| 选中 | 控件的选中状态。 |
| 边框 | 控件的边框粗细。 |
| 阴影 | 设置控件的阴影效果。可以设置外阴影和内阴影。 外阴影 - 启用：是否启用阴影效果 - 颜色：用于设置阴影颜色 - X：控制阴影在水平方向上的偏移量。 X = 10 → 阴影往右移了10像素 X = -5 → 阴影往左移了5像素 - Y：控制阴影在垂直方向上的偏移量。 Y = 8 → 阴影往下移了8像素 Y = -3 → 阴影往上移了3像素 - 模糊：控制阴影的 模糊程度，模糊值越大，边缘越柔和、越“自然”。 内阴影 - 启用：是否启用阴影效果 - 颜色：用于设置阴影颜色 - X：控制阴影在水平方向上的偏移量。 X = 10 → 阴影往右移了10像素 X = -5 → 阴影往左移了5像素 - Y：控制阴影在垂直方向上的偏移量。 X = 8 → 阴影往下移了8像素 Y = -3 → 阴影往上移了3像素 - 模糊：控制阴影的 模糊程度，模糊值越大，边缘越柔和、越“自然”。 - 扩散：控制阴影的大小 |
| 颜色 | 设置控件在选择和未选中状态下的背景色，边框色和字体颜色。 |
| 字体 | 设置文本内容的字体。包括字体型号、字体大小、字体颜色、粗体、倾斜、下划线、水平对齐方式、垂直对齐方式。 |
动作
允许您基于某种条件执行特定的动作。请参阅“动作”页上各种动作的完整描述。
示例
可通过Toggle Button控件开启或关闭风机。当Toggle Button被选中，启动风机；当Toggle Button取消选中时，停止风机。
- 在画面上添加Toggle Button控件，控件名称为“Toggle Button1”。
- 为“选中”属性绑定变量：@设备:status，并开启双向绑定。
- 在运行页面，按下Toggle Button，启动风机，再次点击Toggle Button，取消选中，停止风机。