VisualHMI - 动画控件

什么是动画控件?

image-20231116144324732

动画控件是一种用于播放多帧序列图像的可视化组件,通过加载预定义的图库文件(如 JPG/BMP/PNG 序列),实现设备状态动态呈现或引导性视觉反馈。该控件支持按需触发、条件控制及循环播放,显著提升人机界面的信息表达力与用户体验


适用范围:VisualHMI - HMI&M系列&Dx系列

例程下载链接:ViusalHMI - 动画控件(点击下载)

1.属性介绍

本章节重点介绍动画控件的属性,分为功能设置和外观设置

1.1.功能设置

动画控件的功能设置,属性如下所示

image-20231116114718789

  1. 播放控制:

    • 自动播放:进入此控件所在画面时,动画自动播放;
    • 条件控制:满足设置条件时,动画自动播放;
      • 读取地址:条件变量的地址;
      • 比较:读取地址和值之间的比较关系,包括==、!=、<=、>=、<、>、IN:值在范围内(含边界)、OUT:值在范围外(不含边界);
      • 值:与读取地址比较的数值,一般只有一个数值。当比较选择了IN、OUT时,有两个数值,包括下限值和上限值;
  2. 播放速度:帧间隔时间,单位毫秒;

  3. 播放次数:可以选择无限次数和指定次数;

    • 结束处理:指定次数播放完后,可以设置切换画面或写入指定的寄存器。执行次数1次,和指定播放次数无关。
  4. 停止播放时:显示第一帧、隐藏动画、暂停动画。

1.2.外观设置

滚轮控件的外观属性,属性如下所示

image-20231116114756077

  1. 图库:选择控件显示的图标库

2.应用案例

2.1.自动播放

2.1.1.工程配置

画面中添加动画控件,属性配置如下所示:

  1. 播放控制:自动播放;
  2. 播放速度:500;
  3. 播放次数:无限;
  4. 停止播放时:显示第一帧;
  5. 图库:project/xico/0。

image-20231116114119383

2.1.2.运行预览

屏幕切换到该画面,会一直循环播放动画,如下所示

Video_2023-11-16_114542

2.2.条件控制

2.2.1.工程设置

画面中添加动画控件,属性配置如下所示:

  1. 播放控制:条件控制;

  2. 读取地址:LW1001;

  3. 比较:==;

  4. 值:1;

  5. 播放速度:500;

  6. 播放次数:无限;

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

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

image-20231116142047385

2.2.2.运行预览

点击播放,设置寄存器LW1001 = 1,触发播放条件。点击停止,设置寄存器LW1001 = 0,停止播放,如下所示

Video_2023-11-16_134426

2.3.发送通知

2.3.1.工程配置

画面中添加动画控件,属性配置如下所示:

  1. 播放控制:条件控制;

  2. 读取地址:LW1002;

  3. 比较:==;

  4. 值:1;

  5. 播放速度:200;

  6. 播放次数:指定;

    • 次数:1次

    • 结束处理:写入寄存器

      • 写入地址:LW2000

      • 写入值:1

  7. 停止播放时:显示第一帧

image-20231116141859452

2.3.2.运行预览

点击播放,设置寄存器LW1002= 1,触发播放条件,动画播放完,显示第一帧,并发送LW2000的通知。如下所示

Video_2023-11-16_142932

2.4.切换画面

2.4.1.工程配置

画面中添加动画控件,属性配置如下所示:

  1. 播放控制:条件控制;
  2. 读取地址:LW1003;
  3. 比较:==;
  4. 值:1;
  5. 播放速度:200;
  6. 播放次数:指定;

    • 次数:1次
    • 结束处理:切换画面

      • 目标画面:主画面
  7. 停止播放时:隐藏动画

image-20231116143742826

2.4.2.运行预览

点击播放,设置寄存器LW1002= 1,触发播放条件,动画播放完,切换到主画面。如下所示

Video_2023-11-16_143447

3.扩展用法

对同一个控件,若需要动态设置GIF播放速度,可以在脚本调用 wgt_set_param(screen,control, param,value)

特别说明

  1. param = 0x33,固定,表示设置gif的速度
  2. value:表示播放速度,单位位ms,如100,表示100ms切换一帧,200表示200ms切换一帧
  3. 需要给画面GIF填写控件ID(不为0)
Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2026-02-04 16:53:11

results matching ""

    No results matching ""