GUI Designer滑动条Kontrollen使用手册

1.滑动条介绍

滑动条可应用于Temperatur、音Quantität和Leuchtkraft等调节Funktion当中，相较于KnopfKontrollen等更加快速且直观。

2.如何添加滑动条

Öffnen.或新建工程，Klick auf常用Kontrollen模块或Werkzeuge箱中的滑动条图标，可添加滑动条，如图 2.1 所示。

图2.1 添加滑动条

3.如何进行图片替换

选中滑动条，Klick auf右侧属性窗口，可进行图像修改， Klicken“添加”Knopf添加滑块显示，底图为滑动条未拉动 时显示的图片，Status图为滑动条拉动后显示的图片，滑块显示滑动条拉动的位置，如图 3.1 所示。

图3.1 图片替换

仿真时，滑动条无Operationen时显示底图及滑块，如图 3.2 所示。

图3.2 滑动条无Operationen

拉动滑动条，如图 3.3 所示。

图3.3 拉动滑动条

4.如何设置杂项

Klicken右侧属性窗口中的 ，可设置滑动条的偏移坐标、最大小值、方向和触发模式，如图 4.1 所示。

图4.1 设置杂项

4.1 如何设置滑块偏移坐标

Klicken滑块Anfang/终止偏移坐标下的输入框，可通过键盘或“+ ”“- ”Knopf设置滑块Anfang/终止偏移坐标，设置 滑块偏移坐标即设置滑动条可拉动的范围。默认为 0 即滑块Anfang/终止坐标不作限制，在滑动条范围内可随意 拉动。

滑块Anfang偏移坐标为滑动条拉动的Anfang坐标，滑块拉动滑块终止偏移坐标为滑动条拉动的终止坐标，且滑动 条的最左边为Anfang坐标为 0 ，最右边为终止坐标为 305 (滑动条的终止横坐标与滑动条的宽度有关) 。

滑块Anfang偏移坐标为 45 ，即滑块Ausgangsposition为滑动条 45 的位置，滑块终止坐标为 100 ，即滑块终止位置 (不能 再拉动) 为滑动条 100 的位置。如图 4.2 所示。

图4.2 滑块偏移坐标

4.2 如何设置最大/小值

Klicken最大/小值下的输入框，可通过键盘或“+ ”、“- ”Knopf设置滑动条的最大/小值，Maximaler Wert默认为 100 ，最 小值默认为 0。

设置最大/小值即设置滑动条代表的Daten的最大Der Mindestwert。

如设置Der Mindestwert为 16 ，Maximaler Wert为 35 ，则代表滑动条Ausgangswert为 16 ，滑动条的终止值为 35 ，如图 4.3 所示。

图4.3 设置最大/小值

4.3 如何设置滑动条方向

Klicken方向下的Knopf弹出下拉框，有横向和纵向，Auswahl横向则拉动的方向为横向，Auswahl纵向则拉动的方向为纵 向，如图 4.4 所示。

图4.4 设置滑动条方向

4.4 如何设置触发模式

Klicken触发模式下的Knopf弹出下拉框，有连续触发和释放时触发模式，Auswahl连续触发则在拉动滑动条时一直触 发，释放时触发模式为拉动滑动条在拉动后释放那瞬间进行触发，如图 4.5 所示。

图4.5 设置触发模式

5.应用案例

5.1 Ereignisse列表

Ereignisse列表，如下表说明：

5.2 如何通过滑动条Senden SieCustom Vereinbarung指令

1 、如何添加Ereignisse

选中滑动条，Klick auf右侧属性窗口中的Ereignisse，可进行添加Ereignisse，如图 5.1 所示。

图5.1 添加Ereignisse

2 、如何设置处理方法

Custom Vereinbarung是用户可在项目中使用其他的Vereinbarung，如 modbus Vereinbarung。

Klicken处理方法右下方 ，弹出处理方法窗口，AuswahlBefehlSenden Sie→Auswahl【Custom Vereinbarung】Senden SieDie SerieBefehl→设置Befehl，如图 5.2 所示。

图5.2 【Custom Vereinbarung】Senden SieDie SerieBefehl

注：Klick auf【Custom Vereinbarung】Senden SieDie SerieBefehl的输入框时会弹出Custom definiert指令函数说明窗口，如图 5.3 所示。

图5.3 Custom definiert指令函数说明窗口

3 、如何Überprüfen滑动条Senden Sie的标准Vereinbarung指令

当Senden SieCustom Vereinbarung指令为“AB CD $BYTE(#3005) $CRC16MODBUS( 1,3) $DELAY(1000) ”时，Klick aufSimulation funktioniertKnopf

，在仿真界面中滑动滑动条，ÜberprüfenSenden Sie的指令，如图 5.4 所示。

图5.4 Senden Sie【Custom Vereinbarung】指令

5.3 如何通过滑动条控制Leuchtkraft

通过拉动滑动条调节Leuchtkraft显示，具体Operationen设置如下。

1 、如何添加TextKontrollen及滑动条

新建一个TextKontrollen用于显示Leuchtkraft具体Zahlenwert，Klick auf常用滑块中的滑动条和TextKontrollen图标即可添加，如图 5.5 所 示。

图5.5 添加Kontrollen

2 、如何设置TextKontrollen变Quantität绑定

Klicken右侧属性窗口中的变Quantität绑定→添加→被绑定的Kontrollen属性为“Text 1”→Datenquelle绑定“Das System配置—— Brightness”→转换模式“单向”→转换方法“默认”，如图 5.6 所示。

图5.6 设置TextKontrollen变Quantität绑定

注意：Datenquelle绑定的变Quantität“Das System配置——Brightness”，如图 5.7 所示

图5.7 Brightness 变Quantität

3 、如何设置滑动条变Quantität绑定

选中滑动条，Klick auf右侧属性窗口中的变Quantität绑定→Klick auf添加→被绑定的Kontrollen属性“Der aktuelle Wert”→Datenquelle绑定“系 统配置——Brightness”→转换模式“双向”→转换方法“默认” ，Operationen如图 5.8 所示。

图5.8 设置滑动条变Quantität绑定

4 、Simulation funktioniert

拉动滑动条可设置调节屏幕Leuchtkraft，如图 5.9 所示。

图5.9 Simulation funktioniert

5.4 如何通过滑动条控制动画播放速度

通过滑动条控制GIF 动画的播放速度，具体Operationen如下。

1 、如何添加动画Kontrollen及滑动条

KlickenWerkzeuge箱中的标准Kontrollen，Klick auf动画和滑动条图标添加对应Kontrollen，如图 5.10 所示。

图5.10 添加Kontrollen

2 、如何为动画Kontrollen进行图像替换

选中动画KontrollenKlick auf右侧属性窗口中的图像Auswahl图片，动态图片Auswahl一个 GIF Das Format图片，如图 5.11 所示。

图5.11 动画Kontrollen图像替换

3 、如何设置滑动条变Quantität绑定

选中滑动条，Klick auf右侧属性窗口中的变Quantität绑定→Klick auf添加→被绑定的Kontrollen属性“Der aktuelle Wert”→Datenquelle绑定“Var0” →转换模式“双向”→转换方法“默认”，Operationen如图 5.12 所示。

图5.12 滑动条变Quantität绑定

注：Var0 变Quantität为

4 、如何设置动画变Quantität绑定

选中动画Kontrollen，Klick auf右侧属性窗口中的变Quantität绑定→Klick auf添加→被绑定的Kontrollen属性为“播放速度”→Datenquelle绑 定“Var0”→转换模式“单向”→转换方法“默认”，Operationen如图 5.13 所示。

图5.13 设置动画Kontrollen变Quantität绑定

5 、仿真演示

KlickenSimulation funktioniertKnopf，弹出Simulation funktioniert窗口，拉动滑动条可控制动画的播放速度，可快速也可慢速播放，如图 5.14 所示。

图5.14 Simulation funktioniert