大彩讲堂：VisualHMI软件如何使用动画控制控件

卡米拉

https://file.gz-dc.com/%E5%A4%A7%E5%BD%A9%E7%A7%91%E6%8A%80HMI-%E5%9F%BA%E7%A1%80%E8%AF%BE%E7%A8%8B15-VisualHMI%E5%BC%80%E5%8F%91%E8%BD%AF%E4%BB%B6%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E5%8A%A8%E7%94%BB%E6%8E%A7%E4%BB%B6.mp4

一、概述

本文档适合于 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. 播放控制：

1) 自动播放：进入此控件所在画面时，动画自动播放；

2) 条件控制：满足设置条件时，动画自动播放；

• 读取地址：条件变量的地址；
• 比较：读取地址和值之间的比较关系，包括==、 !=、 <=、 >=、 <、 >、 IN:值在范围内（含边界）、 OUT:值在范围外（不含边界）；
• 值：与读取地址比较的数值，一般只有一个数值。当比较选择了 IN、 OUT时，有两个数值，包括下限值和上限值；
  
  

2. 播放速度：帧间隔时间，单位毫秒；

3. 播放次数：可以选择无限次数和指定次数；

• 结束处理：指定次数播放完后，可以设置切换画面或写入指定的寄存器
  
  

4. 停止播放时：显示第一帧、隐藏动画、暂停动画。

3.2 外观设置

动画控制外观设置如图3-3所示。

图3-3 动画控制状态设置

图库：选择控件显示的图片。

四、应用案例

4.1 工程配置

在画面中添加两个【功能按钮】，分别用于切换“自动播放”和“条件控制”界面，如图4-1所示：

图4-1 动画控制界面配置

“自动播放”界面【动画控制控件】配置如图4-2所示：

1. 播放控制：自动播放；

2. 播放速度：500；

3. 播放次数：无限；

4. 停止播放时：显示第一帧；

5. 图库： project/xico/0。

图4-2 自动播放动画控制控件属性配置

“条件控制”界面“动画控制控件”配置如图4-3所示：

1. 播放控制：条件控制；

2. 读取地址：LW1001；

3. 比较：==；

4. 值：1；

5. 播放速度：500；

6. 播放次数：无限；

7. 停止播放时：暂停动画。

8. 图库：project/xico/0。

“播放/停止”的位状态指示灯控件中读取地址： LW1001，开启切换开关，写入地址：与读取地址相同，开关类型：切换开关。

图4-3 条件控制动画控制控件属性配置

4.2 运行预览

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

图4-4 模拟运行

广州大彩智能科技有限公司(总部)

广州大彩光电科技有限公司

地址：广州市增城区宁西街新耀北路56号

销售与技术支持：(020)82186683-601

大彩深圳办事处

地址：深圳市龙岗区坂田街道深汇大厦1栋1108

邮箱：fujq@gz-dc.com
销售与技术支持：付先生 13828461018

大彩成都办事处
地址：四川省成都市高新区天府大道中段500号东方希望天祥广场C座39楼3910号
邮箱：niesl@gz-dc.com
销售与技术支持：聂经理 18180927176

大彩上海办事处
地 址：上海市浦东新区长清路1200弄森宏旗臻商务楼39号813
邮箱：sales103@gz-dc.com
销售与技术支持：刘经理 13671882080

大彩长沙办事处
地 址：湖南省长沙市开福区福元西路148号万科金MALL坊5楼5020
邮箱：sales107@gz-dc.com
销售与技术支持：徐经理  18988933535