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

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

一、概述

本文档适合于 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 模拟运行