Pages
自定义状态显示（Custom States）
Custom States（自定义状态） 控件是一个仅用于显示的组件，用于基于外部输入实时可视化系统状态。
它专为监控设计，不支持交互，可通过连接字符串从 PLC 等数据源实时反映状态。
概述
自定义状态控件用于直观展示连接系统的运行状态。
无论是简单的 LED 指示灯还是复杂的机械示意图，该控件都可被动更新，展示当前状态，且不接受任何用户操作，是监控界面的理想选择。
主要功能
仅显示 – 不可交互
- 用户无法操作，仅用于状态监控
- 降低误操作风险，系统行为更安全
实时状态反馈
- 通过变量（如 CODESYS、MQTT）连接，显示设备或过程状态
- 让操作员随时掌握关键状态信息
多状态可视化
- 使用图标、文字或颜色展示多个状态（如运行、待机、故障）
- 可从简单灯光指示扩展至复杂机械图示
支持自定义图形
- 可加载 SVG 图像以表示设备布局
- 系统状态变化时动态更新相应图层
适用于监控界面
- 非常适合控制室或设备总览界面使用，专注于实时监控
应用场景
工厂设备监控
- 示例：显示传送带是否在运行、暂停或卡住
设备运行状态
- 示例：包装、灌装、封口等设备的状态指示
安全监控
- 示例：门禁、安全门是否处于关闭、开启或锁定状态
SVG ID 参考表
[img_1]
以下 SVG ID 可用于在 Custom States 控件中绑定图形元素以展示不同状态：
| # | 元素说明 | SVG ID |
|---|---|---|
| 1 | 默认状态 | [code_block_0] |
| 2 | 状态 1 | [code_block_1] |
| 3 | 状态 2 | [code_block_2] |
| 4 | 状态 n | [code_block_3] |
如果界面需要用户操作（例如开关控制），请考虑使用 Custom Toggle 或 Custom Slider 控件。
代码示例（Code Snippet Example）
[code_block_4]