大彩讲堂：VisualHMI软件如何使用圆形进度条控件

发布人：大彩科技发布日期：2025-12-31

一、概述

本文档适合于 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) 滑块图库：选择滑块的显示样式，选择此选项后滑块可见。

• 滑块大小：设置滑块的显示大小

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 模拟运行