GUI Designer滑屏Kontrollen使用手册

kostenlosKostenloses technisches Material

Dieser Inhalt ist direkt lesbar und eignet sich für das Grundlagenlernen und die Suche.

GUI Designer滑屏Kontrollen使用手册缩略图
🌐 Diese Seite ist noch nicht auf Deutsch verfügbar. Die chinesische Version wird angezeigt. Zurück zur chinesischen Seite.
1.滑屏Kontrollen和滑屏子Kontrollen介绍

“滑屏Kontrollen”用于一个窗口,但是窗口大小有限,添加滑屏Kontrollen后可Unterteilung页显示,以达zu在同一窗口中可存放mehr. 的Kontrollen。
“滑屏子Kontrollen”是为了存放各种Kontrollen而Existenz,依附于“滑屏Kontrollen”,在滑屏Kontrollen上添加滑屏Kontrollen子页,可理解为 一个特殊的可重叠窗口。
可理解为滑屏Kontrollen和滑屏子Kontrollen在共同作用下回达zu同一窗口Unterteilung页的效果,可在同一窗口中存放mehr.的Kontrollen。


2.如何添加滑屏Kontrollen和滑屏Kontrollen子页

Öffnen.或新建工程,Klick aufWerkzeuge箱中的容器类Kontrollen,Klick auf滑屏Kontrollen及滑屏Kontrollen子页图标可添加对应Kontrollen,需注意 的是滑屏Kontrollen子页需添加在滑屏Kontrollen上,如图 2.1 所示。

GUI Designer滑屏Kontrollen使用手册插图


图2.1 添加滑屏Kontrollen及滑屏Kontrollen子页
注:滑屏Kontrollen子页只能放置在滑屏Kontrollen上,添加多少个滑屏Kontrollen子页即可滑动多少页

3.如何为滑屏Kontrollen子页进行图像替换

选中滑屏Kontrollen子页,Klick auf右侧属性窗口中的图像,可对滑屏Kontrollen子页进行图像替换,设置背景即设置该滑屏 Kontrollen子页对应的页面的底图显示,如图 3.1 所示。


GUI Designer滑屏Kontrollen使用手册插图1
GUI Designer滑屏Kontrollen使用手册插图2


图3.1 图片替换
注:滑屏Kontrollen子页默认显示为透明,在未进行图形设置前,显示的是窗口中的背景图片
仿真时滑动屏幕,进行图像替换的滑屏Kontrollen子页,如图 3.2 所示。

GUI Designer滑屏Kontrollen使用手册插图3


图3.2 图像替换
未进行图像替换的滑屏Kontrollen子页,如图 3.3 所示。

GUI Designer滑屏Kontrollen使用手册插图4


图3.3 未进行图像替换


4.如何设置滑屏

1 、如何添加滑屏Kontrollen及滑屏Kontrollen子页
添加一个滑屏Kontrollen及两个滑屏Kontrollen子页,如图 4.1 所示。

GUI Designer滑屏Kontrollen使用手册插图5


图4.1 添加Kontrollen
2 、如何设置滑屏Kontrollen的大小
选中滑屏Kontrollen,通过鼠标或右侧属性窗口中的公共设置滑屏Kontrollen的大小,设置滑屏Kontrollen的大小即设置屏幕滑 动区域的大小,在滑屏Kontrollen上才可滑动屏幕,同时滑屏Kontrollen子页的大小也会随着改变,在滑屏Kontrollen子页上添 加Kontrollen只能在设置范围内放置Kontrollen,如图 4.2 所示。

GUI Designer滑屏Kontrollen使用手册插图6


图4.2 设置滑屏Kontrollen的大小
3 、如何添加和设置图片Kontrollen
选中滑屏Kontrollen,Klick auf添加图片Kontrollen,并对图片Kontrollen进行图片替换,此步骤作用为直观地Überprüfen滑屏效果,如图 4.3 所示。

GUI Designer滑屏Kontrollen使用手册插图7


仿真时,显示Die一个滑屏Kontrollen子页即Die一页,如图 4.4 所示。

GUI Designer滑屏Kontrollen使用手册插图8


GUI Designer滑屏Kontrollen使用手册插图9


图4.3 添加图片Kontrollen
4 、如何Simulation funktioniert

,弹出Simulation funktioniert窗口,滑动屏幕,Überprüfen其滑动效果。
KlickenSimulation funktioniertKnopf






GUI Designer滑屏Kontrollen使用手册插图10


图4.4 Die一页
在滑屏Kontrollen设置的大小内进行滑动,滑动zuDie二页即Die二个滑屏Kontrollen子页 (两个页面滑动时循环的) ,如图 4.5 所示。

GUI Designer滑屏Kontrollen使用手册插图11


图4.5 Die二页


5.应用案例


5.1 滑屏Kontrollen子页Ereignisse列表

Ereignisse列表,如下表说明:

Kontrollen初始化
Kontrollen初始化时触发Ereignisse
Kontrollen销毁
Kontrollen销毁时触发Ereignisse
发生页面Wechseln
页面Wechselnabgeschlossen.时触发Ereignisse




5.2 如何设置页面Richtig.跳转

1 、如何添加窗口Kontrollen
Klicken常用Kontrollen模块中的窗口图标,添加两个窗口,并命名为 1 和 2 ,如图 5.1 所示。

GUI Designer滑屏Kontrollen使用手册插图12


图5.1 添加窗口
2 、如何添加KnopfKontrollen
在每个滑屏Kontrollen子页及新添加的两个窗口中各添加一个KnopfKontrollen,以作界面跳转,如图 5.2 所示。

GUI Designer滑屏Kontrollen使用手册插图13


图5.2 添加KnopfKontrollen


3 、如何设置窗口Wechseln
选中KnopfKontrollen设置其Ereignisse为Klick auf,处理方法为窗口Wechseln,具体设置及步骤详看《Knopf类Kontrollen使用手册》 中的 “窗口Wechseln”。
Die一个滑屏Kontrollen子页中的KnopfKontrollen设置窗口Wechseln至窗口 1 中,如图 5.3 所示。

GUI Designer滑屏Kontrollen使用手册插图14


图5.3 Die一个滑屏Kontrollen子页KnopfKontrollenEreignisse设置Parameter
Die二个我滑屏Kontrollen子页中的KnopfKontrollen设置窗口Wechseln至窗口 2 中,如图 5.4 所示。

GUI Designer滑屏Kontrollen使用手册插图15


图5.4 Die二个滑屏Kontrollen子页KnopfKontrollenEreignisse设置Parameter

窗口 1 或 2 中的KnopfKontrollen设置窗口Wechseln至窗口 NEW1 (有滑屏Kontrollen的窗口) 中,如图 5.5 所示。

GUI Designer滑屏Kontrollen使用手册插图16


图5.5 窗口1/2 KnopfKontrollenEreignisse设置Parameter
注:为了更好地体现窗口Wechseln效果,在窗口 1 和窗口 2 中的KnopfKontrollen添加一个Text显示,具体Operationen方法详看 《Knopf类Kontrollen使用手册》。
窗口 1 中的KnopfKontrollen显示Text“1”,如图 5.6 所示。


GUI Designer滑屏Kontrollen使用手册插图17


图5.6 窗口1 KnopfKontrollenText显示
窗口 2 中的KnopfKontrollen显示Text“2”,如图 5.7 所示。

GUI Designer滑屏Kontrollen使用手册插图18


图5.7 窗口2 KnopfKontrollenText显示
4 、如何设置滑屏Kontrollen子页的Ereignisse
选中滑屏Kontrollen子页,Klick auf右侧属性窗口中的Ereignisse→Klick auf添加→Ereignisse设置为“发生页面Wechseln”→Klick auf处理方法 下“… ”→Auswahl“变QuantitätOperationen——变Quantität设置”→ 目标变Quantität绑定“Var0”→设置值Auswahl“使用常Quantität”→输入框输 入“0”(Die一滑屏Kontrollen子页输入 0 ,Die二个滑屏Kontrollen子页输入 1) ,如图 5.8 所示。

GUI Designer滑屏Kontrollen使用手册插图19


图5.8 滑屏Kontrollen子页Ereignisse设置
注:Var3 变Quantität为

GUI Designer滑屏Kontrollen使用手册插图20


5 、如何设置滑屏Kontrollen的变Quantität绑定
选中滑屏Kontrollen,Klick auf右侧属性窗口中的变Quantität绑定→Klick auf添加→被绑定的Kontrollen属性为“gegenwärtig页”→Datenquelle绑定 “Var3”→转换模式为“单向”→转换方法为“默认” ,如图 5.9 所示。


GUI Designer滑屏Kontrollen使用手册插图21


图5.9 变Quantität绑定设置
6 、如何仿真演示
KlickenSimulation funktioniertKnopf,弹出Simulation funktioniert窗口。
KlickenDie一个滑屏Kontrollen子页中的KnopfKontrollen跳转zu窗口 1 中,Klick auf窗口 1 中的KnopfKontrollen跳转zuDie一个滑屏Kontrollen子 页,两个界面相互跳转,如图 5.10 所示。

GUI Designer滑屏Kontrollen使用手册插图22


图5.10 仿真演示
KlickenDie二个滑屏Kontrollen子页中的KnopfKontrollen跳转zu窗口 2 中,Klick auf窗口 2 中的KnopfKontrollen跳转zuDie二个滑屏空Kontrollen 子页两个接麦你相互跳转,如图 5.11 所示。


GUI Designer滑屏Kontrollen使用手册插图23


图5.11 仿真演示

5.3 如何设置页数显示

1. 如何添加TextKontrollen
选中窗口 NEW1 Klick auf常用Kontrollen模块中的Text图标,添加一个TextKontrollen,如图 5.12 所示。

GUI Designer滑屏Kontrollen使用手册插图24


图5.12 添加TextKontrollen
2. 如何设置TextKontrollen变Quantität绑定
选中TextKontrollenKlick auf右侧属性窗口中的变Quantität绑定→Klick auf添加→被绑定的Kontrollen属性为“Text索引”→Datenquelle绑定 “Var3”→转换模式为“单向”→转换方法为“默认” ,如图 5.13 所示。


GUI Designer滑屏Kontrollen使用手册插图25


图5.13 TextKontrollen变Quantität绑定
3. 如何添加Text显示
选中TextKontrollen,Klick auf右侧属性窗口中的属性→Klick auf外观下的文字→Klick auf添加→选中Text 1/2 →Auswahl“静态文 本”→输入框中输入“1” (Text 1 输入“1” ,Text 2 输入“2”) ,如图 5.14 所示。

GUI Designer滑屏Kontrollen使用手册插图26


图5.14 添加Text显示


4. 如何设置滑屏Kontrollen子页的Ereignisse
具体设置方法同上《如何设置页面跳转相同》,此处不再做复述。
5. 如何设置滑屏Kontrollen的变Quantität绑定
具体设置方法同上《如何设置页面跳转相同》,此处不再做复述。
6. 如何仿真演示
KlickenSimulation funktioniert弹出Simulation funktioniert窗口,Die一个滑屏Kontrollen子页下面显示页数为 1 ,Die二个滑屏Kontrollen子页下面页数显 示为 2 ,如图 5.15 所示。

GUI Designer滑屏Kontrollen使用手册插图27


GUI Designer滑屏Kontrollen使用手册插图28


图5.15 仿真演示

来源/Werkzeuge信息 —— Klick auf展开
来源 Modbus Chinesisches Netzwerk(modbus.cn) —— Inländisch führend.ModbusKommunikationsprotokoll Technologie Gemeinschaft Klassifizierung GVS Touchscreen / Touchscreen-Entwicklung Dokumentation 字数 2457 字 · 阅读约 7 Unterteilung钟 更新 2026-07-01 永久链接 https://www.modbus.cn/20825.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
Relevante Etiketten
Sollte man diese Informationen für ein echtes Projekt verwenden?

Gehen Sie zum Tool Center, um Nachrichten zu analysieren, CRC-Prüfungen und Geräte-Debugging zu erledigen, oder senden Sie Anforderungen für Auswahl - und Zugangsvorschläge.

Ingenieur Mitglied

Verwandeln Sie diesen Artikel in ein umsetzbares Debuggermaterial

Erweiterte Nachrichtenanalyse, Paket-Downloads, Codebeispiele, Engineering-Szenarien und Priority-Technischer Support sind für die Real-Projekt - Bereitstellung möglich.

Unbegrenzte Werkzeuge
Datenpaket und Codepaket
Vollständige Engineering Case-Basis
Vorrangiger Zugang zum technischen Support

Antwort veröffentlichen

Ihre E-Mail - Adresse wird nicht öffentlich gemacht. Erforderliche Elemente wurden verwendet * markiert.