1.7 图标控件和动画控件

本章节主要介绍图标控件、动画控件在Modbus协议中常见的应用。其中简单的控件绑定变量，可以在configuration配置页面关联，或者在【Tools-协议与变量-逻辑处理】绑定变量

本章节屏幕当主站，读写从机指令，若屏幕当从机，图标控件、动画控件的应用一样，参考即可，本章节1组离散输入变量，2个输入register用于说明图标控件和动画控件的应用，如下所示

例程Download链接：《ModbusTutorial7-图标和动画控件V1.0》

协议Open、变量Related说明，参考链接：《Modbus 基本参数说明》

1.7.1 图标控件

【图标控件】画面，主要对图标控件的使用做示例说明。图标控件为GIF或ICONformat的动画文件，默认图标索引从0开始。在MODBUS协议中可以使用图标控件绑定变量，形象地显示设备的状态

画面/逻辑配置

方法一：逻辑处理绑定

画面中添加一个图标控件（控件ID：1），作为显示从机“机组故障/压缩机状态”，如下所示

控件ID：2配置同理

图标文件的生成，参考链接：《ICON控件应用》(点击跳转)

在【协议与变量设置】中添加一条逻辑处理，该逻辑处理的用途为“控件绑定”，画面为“1”；控件为“1”；变量为“机组故障/压缩机低压”，如下所示

方法二：configuration画面绑定

画面中添加一个图标控件（控件ID：3），作为显示从机烟感报警状态。且在其属性栏窗口中绑定“机组故障/烟感报警”变量，详细配置如下所示

控件ID：4配置同理

运行预览

此时，编译工程并运行虚拟HMI，和Modbus Slave软件联机。当变量“机组故障”每一个节点的值不间断发生变化时， 图标控件（控件ID：1~ID4）显示的状态也会相应的更新

1.7.2 动画控件

【动画控件】画面主要对动画控件的使用做示例说明，动画控件用于播放设置的GIF或ICONformat的动画文件，可以控制暂停或者播放

画面/逻辑配置

方法一：逻辑处理绑定

画面中添加一个动画控件（控件ID：1），作为显示控制从机“动画1”变量；同时添加两个button控件（ID为2和3）作为动画控件（控件ID1）的播放、暂停的控制，如下所示

在【协议与变量设置】中添加3条逻辑处理 :

第1条：用途为“动画播放”，画面为“2”；控件为“1”；和“动画1“关联

第2条：控制“动画”的播放。用途为【button按下】，填写画面ID为2，控件ID为2；执行动作为【设置变量】，变量为【动画1】，设置值为1

第3条：控制“动画”的暂停。用途为【button按下】，填写画面ID为2，控件ID为3；执行动作为【设置变量】，变量为【动画1】，设置值为0

方法二：configuration画面绑定

画面中添加一个动画控件（控件ID：4），作为显示控制从机“动画2”变量。在其属性栏窗口中绑定“动画2”变量。添加一个button控件（ID：5），作为动画控件（控件ID4）的播放、暂停的控制，如下所示

运行预览

此时，编译工程并运行虚拟HMI，和Modbus Slave软件联机。当变量“动画1”的值不为“0”的时候，动画控件（控件ID：1）播放动画；同时点击button控件(控件ID：2或3)，可以控制动画控件“播放”或者“停止”，同时变量“动画1”的值相应改变。同理，动画控件（控件ID：4）的现象和Operation类似。