一、概述
本文档适合于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 模拟运行
|Archiver|手机版|小黑屋|广州大彩串口屏论坛_大彩开发者交流论坛
发表于 2025-12-18 14:12:08