VisualHMI - 圆形进度条控件
什么是圆形进度条控件?

圆形进度条控件作为高级可视化组件,在工业HMI与人机交互设计中相较于传统条形进度条具备以下核心优势:
中心聚焦布局:数值/单位可嵌入环内,形成“图形+数据”一体化视图,减少视觉跳转,提升信息获取效率。
强化循环/周期语义:天然契合“电量”“完成度”“阈值预警”等循环型数据表达,比线性条形更符合人类对“闭环过程”的心理模型。
动态视觉反馈:颜色渐变(贴图方式,如绿→黄→红阈值警示),直观传递状态变化趋势;
💡 典型应用场景
| 场景 | 优势体现 |
|---|---|
| 电池电量/SOC/设备续航 | 环形隐喻“能量循环”,直观警示 |
| 任务完成进度 | 中心显示百分比,环体动态填充 |
| 工艺参数监控(压力/温度) | 模拟传统仪表,降低操作门槛 |
适用范围:VisualHMI - HMI&M系列&Dx系列
例程下载链接:VisualHMI - 圆形进度条(点击下载)
1.属性介绍
本章节重点介绍圆形进度条控件的属性,分为功能设置和外观设置
1.1.功能设置
圆形进度条控件的功能设置,属性如下所示

- 监视地址:此地址的值就是进度条的旋转角度。只有监视地址的值在起始值和终止值范围内,进度条才会响应;
- 数据类型:支持“UINT16”、“INT16”、“UINT32”、“INT32”、“UINT64”、“INT64”、“FLOAT”、“DOUBLE”的数据格式
- 起始值:起始数值;
- 终止值:终止数值;
滑动调节:设置之后可以触摸调节角度;
- 触控区域:选择可以点击的位置,包括滑块、进度条;
- 松开时通知:松开触摸时发送通知;
- 滑块图库:选择滑块的显示样式,选择此选项后滑块可见。
- 滑块大小:设置滑块的显示大小。
1.2.外观设置
圆形进度条控件的外观属性,属性如下所示

厚度:设置进度条的厚度;
起始角度:控件的起始角;
终止角度:控件的终止角;
显示效果:
- 可以设置为纯色或图片。
- 可以设置进度条两端为圆形,仅在纯色模式下可配置
[!note|tip:注意] 起始角度为钟表3点钟方式,顺时针方向角度递增,即6点钟方向90度。依次类推
2.应用案例
2.1.工程配置
画面中添加圆形进度条控件,属性配置如下所示:

控件的配置如下所示:
读取地址:LW1001;
数据类型:INT16
起始值:0
终止值:100
滑动调节:√;
- 触控区域:进度条;
- 松开通知:否
- 滑块图库:lamp.xico/36
- 滑块大小:32
厚度:20;
起始角度:135;
终止角度:45;
[!note|tip:] 需要完整圆,起始是135,结束是495
显示效果:纯色
前景色:黄色
圆形端点:✔
2.2.运行预览
运行虚拟屏,默认LW1001寄存器值为0,对应135°。滑动圆形进度条的滑块,数值实时刷新。PLC模拟设置寄存器为50,显示效果如下所示
