1.7 图标控件和动画控件

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

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

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

协议开启、变量相关说明，参考链接：《Modbus 基本参数说明》

1.7.1 图标控件

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

画面/逻辑配置

方法一：逻辑处理绑定

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

controlID：2配置同理

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

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

方法二：组态画面绑定

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

controlID：4配置同理

运行预览

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

1.7.2 动画控件

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

画面/逻辑配置

方法一：逻辑处理绑定

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

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

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

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

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

方法二：组态画面绑定

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

运行预览

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