VisualHMI - 进度条控件

什么是进度条控件？

进度条控件常用于某些工作进程的显示、某些参数在一定范围内的显示等等，可水平和垂直方向显示。

适用范围：VisualHMI - HMI&M系列

例程下载链接：VisualHMI - 进度条控件(点击下载)

1.属性介绍

本章节重点介绍进度条控件的属性，分为功能设置和外观设置

1.1.功能设置

进度条控件的功能设置，属性如下所示

1. 读取地址：控件读取绑定的地址；

2. 数值范围：进度条的范围值，可选择固定范围和可变范围；

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

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

1.2.外观设置

进度条控件的外观属性，属性如下所示

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

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

   • 纯色：
     • 前景颜色：设置进度条的前景颜色为纯色；
     • 显示背景色：可设置为纯色背景色；
     • 范围报警：设置报警的范围值，可设置固定范围和可变范围，并设置报警的上下限的进度条颜色。
   • 渐变色：
     • 开始颜色：设定起始颜色；
     • 结束颜色：设定终止颜色；
     • 范围报警：设置报警的范围值，可设置固定范围和可变范围，并设置报警的上下限的进度条颜色。
   • 贴图：设置进度条显示为图片，需设置进度条和背景的图库文件。

2.应用案例

2.1.固定范围

2.1.1.工程配置

画面中添加进度条控件，“固定范围”进度条控件的配置如下所示：

1. 读取地址：LW1001；

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

   • 最小值：0；

   • 最大值：100；

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

4. 显示效果：贴图；

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

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

2.1.1.运行预览

运行虚拟屏，点击+ /-按键，进度条实时变化，且数值限制在0~100，运行效果如下所示

2.2.可变范围

2.2.1.工程配置

画面中添加进度条控件，“可变范围”进度条的配置如下所示：

1. 读取地址：LW1002

2. 范围限制：可变范围；

   • 下限地址：LW1003；

   • 上限地址：LW1004；

3. 方向：从左到右；

4. 显示效果：贴图；

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

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

2.2.2.运行预览

运行虚拟屏，设置最大值为1000，最小值为100。拖动滑动条，数值实时变化，如下所示：