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

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

一、概述

本文档适合于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. 数值范围：进度条的范围值，可选择固定范围和可变范围；

1) 固定范围：可设置最小值和最大值，必须为整数；

2) 可变范围：可设置最小值地址和最大值地址。

3.1.2 外观设置

进度条外观设置如图3-3所示。

图3-3 进度条外观贴图设置

1. 显示方向：设置进度条的显示方向；可以设置“从左往右”、“从右往左”、“从

下往上”、“从上往下”4个方向显示

2. 显示效果：设置进度条的显示效果，可选择纯色、渐变色、图片；

①纯色：

• 前景颜色：设置进度条的前景颜色为纯色；
  

• 显示背景色：√；可设置为纯色背景色；
  

• 范围报警：设置报警的范围值，可设置固定范围和可变范围，并设置报警的上下限的进度条颜色；

②渐变色：

• 设置进度条的颜色从开始颜色渐变为结束颜色；
  

• 开始颜色：设定起始颜色；
  

• 结束颜色：设定终止颜色；

• 范围报警：设置报警的范围值，可设置固定范围和可变范围，并设置报警的上下限的进度条颜色；

③贴图：设置进度条显示为图片，需设置进度条和背景的图库文件。

四、应用案例

4.1 工程配置

在画面中添加两个【功能按钮】，分别用于切换“固定范围”和“可变范围”界面，如图4-1所示：

图4-1 主界面

“固定范围”界面【进度条控件】配置如图4-2所示：

1. 读取地址：LW1001；

2. 数值范围：固定范围；

3. 最小值：0；

4. 最大值：100；

5. 显示方向：从左到右；

6. 显示效果：贴图；

7. 进度图库：progress.xico/17；

8. 背景图库：progress.xico/5；

图4-2 固定范围进度条控件属性配置

“动态范围”界面【进度条控件】配置如图4-3所示：

1. 读取地址：LW1002；

2. 数值范围：可变范围；

3. 最小值地址：LW1003；

4. 最大值地址：LW1004；

5. 显示方向：从左到右；

6. 显示效果：贴图；

7. 进度图库：progress.xico/17；

8. 背景图库：progress.xico/5。

图4-3 可变范围进度条控件属性配置

4.2 运行预览

选中工程→编译下载→【编译运行】，点击相应的按钮，显示效果如图4-4所示：

图4-4 模拟运行