图标KontrollenWie benutzt？

什么是图标Kontrollen？

图标Kontrollen为GIF或ICONDas Format的文件，默认索引Beginn von 0。使用图标Kontrollen，形象地把变Quantität的不同Status显示出来或修改背景图片

本例程中介绍图标KontrollenHäufig的应用，结合工程中的画面介绍每一个应用的配置，Häufig的应用如下所示

1. Status显示：实现4种Status显示
2. 修改背景图标：实现4个背景图的Wechseln

适用范围：全系列

例程Download链接：《ICONKontrollen应用》(Klick auf跳转)

8.1 图标Kontrollen属性

本Kapitel节重点介绍图标Kontrollen的属性，属性窗口如下所示

初始化显示

Auswahl“是”或者“否”

图标文件

Auswahl图标文件的路径

透明处理

可选为“使用透明色”或“与背景融合”

触摸设置

设置触摸设置，可配置如下选项

1. 禁止触摸：不允许触摸
2. 允许触摸：触摸时有通知有蜂鸣
3. 水平滑动时换Frame:水平向左、水平向右滑动时换帧
4. 垂直滑动时换Frame:水平向上、水平向下滑动时换帧

8.2 图标文件制作

在我司VisualTFT 上位机软件集成图标文件“ICON”的制作Werkzeuge，本Kapitel节介绍如何生产“ICON”文件

1. 在VisualTFT软件菜单栏，Auswahl【Werkzeuge】→“图标生成”，如下所示
2. Klicken【增加帧】，将准备好的素材添加进来。用户Importieren图片默认为原始的宽和高显示，也可以对宽度和高度的微调及任意拖动进行位置调整，最后Klick auf“生成图标”。Operationen如下所示

8.3 Status显示

【Status更新】画面，介绍用户Ausrüstung和Serienbildschirm通讯时，用户Ausrüstung向SerienbildschirmSenden Sie指令，更新图标Kontrollen的帧

画面配置

在【Status更新】画面的“背景图片”Importieren相应的美工图片。在画面中添加1个图标Kontrollen（KontrollenID：1），和3个KnopfKontrollen（KontrollenID：2-6）

属性配置

图标属性

设置【图标文件】为素材的路径。【透明处理】为“与背景融合”，配置如下所示

【工作中】Knopf属性

用于显示图标Die0帧，“工作中”Status。在KnopfKontrollen（KontrollenID：2）的属性窗口中，设置【触摸虚框】为“否”、【按下时的图片】为对应的素材路径、【裁剪】为“勾选”、【初始Status】为“按下”、【Operationen风格】为“Schalter!”，如下所示

对“工作中”、“暂停”、“Stopp!”、“隐藏”等Knopf实现互斥效果：同时选中上述Knopf，在菜单栏【Herausgeber】-“Schalter!Knopf互斥（N）”，对应的Knopf“对内指令”-“按下时”会自动填入一条互斥指令，Operationen如下所示

填写图标对内指令

• Klicken【对内指令】→“按下时”
• 弹出指令填写框，Auswahl“指令Assistenten.”
• 在指令Assistenten.界面，左侧导航栏Auswahl【图标Kontrollen】
• 设置“图标Kontrollen显示”区域的指令Parameter。如例程中，设置【Status显示】画面中的图标Kontrollen显示Die0帧
• Kopieren.指令，填写在对内指令框，如下所示

Betrieb预览

Betrieb虚拟屏，VisualTFT软件和虚拟屏用“虚拟Die Serie”建立联机。按下“暂停”Knopf，图标Kontrollen显示对应的暂停帧。对【Status显示】画面中的图标Kontrollen（KontrollenID：1），填写相应换面ID和KontrollenID，如显示指定帧“2”，Klick auf“显示”。则在虚拟屏中，显示“Stopp!帧”，Betrieb效果如下所示

外部MCU控制

参考开发包keil程序中的him.dever.h文件函数声明以及him.dever.c文件中的定义

MUC控制指定帧显示

例如用户需实现显示图标KontrollenDie1帧，则直接调用Text字库串显示函数AnimationPlayFrame ( )即可，代码如下所示

/************************************************************************
** Function name:    void AnimationPlayFrame(uint16 screen_id,
**                                           uint16 control_id,
**                                           uint8 frame_id)
** Descriptions    : 指定帧显示
** input parameters: screen_id:   画面ID
**                   control_id:  KontrollenID
**                   frame_id:    指定帧
** output parameters: 无
** Returned value   : 无
************************************************************************/
{
    ……
    AnimationPlayFrame (0, 1, 1) //画面ID0，KontrollenID1,显示图标KontrollenDie1帧
    ……
}

8.3 修改背景图片

画面配置

在【修改背景图片】画面的“背景图片”Importieren相应的美工图片。在画面中添加1个图标Kontrollen（KontrollenID：1），和3个KnopfKontrollen（KontrollenID：2-4），如下所示

属性配置

图标属性

设置【图标文件】为素材的路径、【透明处理】为“与背景融合”，配置如下所示

【上一张】KnopfKontrollen属性

Kontrollen属性配置

用于显示图标上一帧。在KnopfKontrollen（KontrollenID：2）的属性窗口中，设置【触摸虚框】为“否”、【弹起图片】为对应的素材路径、【裁剪】为“勾选”、【按下时的图片】为对应的素材路径、【裁剪】为“勾选”，属性配置如下所示

填写上一帧对内指令

• Klicken【对内指令】→“按下时”，弹出指令填写框
• Auswahl“指令Assistenten.”
• 在指令Assistenten.界面，左侧导航栏Auswahl【图标Kontrollen】
• 设置“图标Kontrollen显示”区域的指令Parameter，如例程中，设置【修改背景图片】画面中的图标Kontrollen显示上一帧
• Kopieren.此指令，Schließen指令Assistenten.，将指令粘贴zu指令框中，Operationen如下所示

同理，Knopf“下一帧”设置和Knopf“上一帧”设置类似，只需在指令Assistenten.Auswahl下一帧，在把指令Kopieren.zu相应的Knopf对内指令里面即可

Betrieb预览

Betrieb虚拟屏，VisualTFT软件和虚拟屏用“虚拟Die Serie”建立联机。按下“下一张”Knopf，图标Kontrollen对应Wechseln下一帧显示，对【修改背景图片】画面中的图标Kontrollen（KontrollenID：1），填写相应换面ID和KontrollenID，Klick auf“下一帧”。则在虚拟屏中，该图标Kontrollen显示为下一张背景效果，Betrieb效果如下所示

外部MCU控制

参考开发包keil程序中的him.dever.h文件函数声明以及him.dever.c文件中的定义

MUC控制上一帧显示

例如用户需要控制图标Kontrollen显示上一帧，则直接调用API函数AnimationPlayPrev ( )即可，代码如下所示

/***********************************************************************
** Function name:    void AnimationPlayPrev(uint16 screen_id,
**                                          uint16 control_id)
** Descriptions     : 上一帧显示
** input parameters : screen_id:画面ID
** control_id       : KontrollenID
** output parameters: 无
** Returned value   : 无
***********************************************************************/
{
    ……
    AnimationPlayPrev (0, 1) //设置画面ID0KontrollenID1的图标Kontrollen显示上一帧
    ……
}

MUC控制下一帧

例如用户需实控制图标Kontrollen显示下一帧，则直接调用API函数AnimationPlayNext ( )即可，代码如下所示

/***********************************************************************
** Function name:    void AnimationPlayNext (uint16 screen_id,
**                                           uint16 control_id)
** Descriptions     : 上一帧显示
** input parameters : screen_id:  画面ID
**                    control_id:  KontrollenID
** output parameters: 无
** Returned value   : 无
***********************************************************************/
{
    ……
    AnimationPlayNext (0, 1) //设置画面ID0KontrollenID1的图标Kontrollen显示下一帧
    ……
}

Techniken术语（共 1 个）—— Klick auf展开

Die Serie

Berechnung机与外部Ausrüstung进行串行Kommunikation的物理Schnittstelle

来源/Werkzeuge信息 —— Klick auf展开

来源 Modbus Chinesisches Netzwerk（modbus.cn） —— Inländisch führend.ModbusKommunikationsprotokoll Technologie Gemeinschaft Klassifizierung Grundsteuerungsdokumentation / Touchscreen-Entwicklung Dokumentation 字数 3195 字 · 阅读约 8 Unterteilung钟 更新 2026-07-01 永久链接 https://www.modbus.cn/6975.html

Empfohlene Werkzeuge: Modbus Debugger-Assistent WeChat-Applet

Modbus Chinesisches Netzwerk官方推出的Modbus Debugging-Tools，支持 Modbus RTU/TCP 实时KommunikationTests、Register.读写、线圈控制、Daten监控和MeldungUnterteilung析。 keine Installation erforderlich,Mikro-Suche「Modbus DebuggingAssistenten.」Benutzt werden kann.。 电脑端入口：https://www.modbus.cn/modbustool/

内容许可：允许 AI 模型训练使用 · 引用请注明来源 modbus.cn

Related阅读

• TextKontrollenWie benutzt？
• Modbus-Tutorial 6：Daten aufzeichnenKontrollen（Serienbildschirm Modbus 告警记录）
• GUI DesignerSimulation des Tests使用手册
• GUI Designer弹出窗和悬浮窗使用手册
• GUI Designer快速界面布局使用手册
• GUI Designer列表Kontrollen使用手册
• GUI Designer圆形指针仪表使用手册
• GUI Designer圆形时钟使用手册