一、概述
本文档适合于 M 系列（固件版本 >= V10.0.7.0）串口屏，在 VisualHMI 平台上开发。
常规的条形进度条已无法适用于部分特殊应用场合。圆形进度条控件可设置图片、纯色块作为背景，增加显示、交互的多样性，通过自由选择起始角度和终止角度，参数将以图形化显示出来。
二、开发环境
2.1 VisualHMI 软件版本
需安装V1.0.270.0及以上的版本进行开发。打开VisualHMI软件，在工程→帮助→关于，可查看到当前安装的软件版本，如图2-1所示；
图2-1 VisualHMI软件版本
2.2 串口屏固件版本
版本查看，可通过屏幕背面的贴纸查看。
三、圆形进度条
3.1 属性说明
选中菜单栏→控件→【圆形进度条】，如图3-1所示。
图3-1 圆形进度条控件
3.1.1基本属性
圆形进度条的功能属性如图3-2所示。
图3-2 功能属性
1. 监视地址：此地址的值就是进度条的旋转角度。只有监视地址的值在起始值和终止
值范围内，进度条才会响应；
2. 起始值：起始数值；
3. 终止值：终止数值；
4. 滑动调节：设置之后可以触摸调节角度；
1) 触控区域：选择可以点击的位置，包括滑块、进度条；
2) 松开时通知：松开触摸时发送通知；
3) 滑块图库：选择滑块的显示样式，选择此选项后滑块可见。
- 滑块大小：[color=rgba(0, 0, 0, 0.9)]设置滑块的显示大小
3.1.2 外观设置
圆形进度条外观设置如图3-3所示。
图3-3 圆形进度条外观设置
1. 厚度：设置进度条的厚度；
2. 起始角度：控件的起始角；
3. 终止角度：控件的终止角；
4. 显示效果：可以设置为纯色或图片。
四、应用案例
4.1 工程配置
在画面中添加“圆形进度条控件”和“数值控件”，如图4-1所示：
图4-1 圆形进度条界面配置
“圆形进度条控件”配置如图4-2所示：
1. 读取地址：LW1001；
2. 滑动调节：√；
3. 触控区域：进度条；
4. 滑块图标：选择对应的帧
5. 滑块图库：lamp.xico/36
6. 滑块大小：32
7. 厚度：20；
8. 起始角度：135；
9. 终止角度：45；
10. 显示效果：纯色。
图4-2 圆形进度条控件属性配置
4.2 运行预览
选中工程→编译下载→【编译运行】，拖动圆形进度条，显示效果如图4-3所示：
图4-3 模拟运行
|Archiver|手机版|小黑屋|广州大彩串口屏论坛_大彩开发者交流论坛
发表于 2026-1-4 13:47:27