1.列表控件介绍

列表控件用于不确定内容但是又拥有相同控件以及显示,例如消息列表,记录列表,账号列表等。


2.如何添加列表控件

打开或新建的工程中,点击工具箱中的标准控件,点击列表控件,添加列表控件,如 2.1 所示。

GUI Designer列表控件使用手册插图1


图2.1 添加控件


3.如何设置列表的位置大小及图像替换


3.1 如何设置列表的位置及大小

选中列表控件,通过鼠标或点击右侧属性窗口中的公共可修改控件的位置及大小,如图 3.1 所示。


GUI Designer列表控件使用手册插图3


图3.1 设置位置大小

3.1 如何设置列表的图片替换

选中列表控件,点击右侧属性窗口,可进行图像修改,背景为列表控件的底图显示,如图 3.2 所示。

GUI Designer列表控件使用手册插图5


图 3.2 图片替换

4.如何设置杂项


点击右侧属性窗口中的

GUI Designer列表控件使用手册插图7

,可设置列表控件的子项、项间隔、项排布方式,如图 4.1 所示。


GUI Designer列表控件使用手册插图9


图4.1 设置杂项

4.1 如何设置子项

点击设置按钮弹出设置子项窗口如图 4.2 所示。

GUI Designer列表控件使用手册插图11


图4.2 设置子项
1 、如何设置子项位置及大小
点击子项可通过鼠标或点击右侧属性窗口中的公共设置子项的位置及大小,如图 4.3 所示。


GUI Designer列表控件使用手册插图13


图4.3 设置子项位置及大小
2 、如何设置子项的图像替换
选中子项,点击右侧属性窗口,可进行图像修改,点击“添加”按下状态显示,弹起状态为列表未操作时显 示的图片,按下状态为列表按下后中显示的图片,如图 4.3 所示。

GUI Designer列表控件使用手册插图15


图4.3 图像替换
注:图像显示选择单色
3 、如何设置子项内容
选中子项,可在子项中添加文字控件和按钮控件等控件进行列表内容进行显示,添加两个文字控件,如图 4.4 所示。

GUI Designer列表控件使用手册插图17




图4.4 添加文字控件
4 、如何设置文字控件
选中文字控件,点击右侧属性窗口中的变量绑定→点击添加→被绑定的控件属性为“文本 1”→数据源绑定 “Var0”→结构体成员选择“member1” (第二个文字控件选择 member2 ,其余相同) →转换模式为“单向” →转换方法为“默认”,如图 4.5 所示

GUI Designer列表控件使用手册插图19


图4.5 添加变量绑定
注:Var0 为

GUI Designer列表控件使用手册插图21



4.2 如何设置项间隔

点击项宽/高度间隔下的输入框,可通过键盘或“+ ”“- ”按钮设置项宽/高度间隔,项宽度间隔为列表每项 的宽度间隔,项高度间隔为列表每项对的高度间隔,如图 4.6 所示。


GUI Designer列表控件使用手册插图23


图4.6 设置项间隔

4.3 如何设置项排布方式

点击项排布方式下的下拉框,有纵向和横向选择,如图 4.7 所示。

GUI Designer列表控件使用手册插图25


图4.7 项排布方式


5.如何设置列表显示

通过列表控件以列表的形式动态显示。
1 、如何添加列表控件
具体添加方法同上,此处不再复述。
2 、如何设置子项
具体设置方法同上,此处不再复述。
3 、如何设置列表的变量绑定
选中列表控件,点击右侧属性窗口中的变量绑定→点击添加→被绑定的控件属性为“数据源”→数据源绑定 “Var0”→转换模式为“单向”→转换方法为“默认”如图 5.1 所示。


GUI Designer列表控件使用手册插图27


图5.1 变量绑定
4 、仿真演示
点击仿真运行按钮,弹出仿真运行窗口,列表无操作显示时,如图 5.2 所示

GUI Designer列表控件使用手册插图29


图5.2 无操作时显示
列表按下时显示,如图 5.3 所示


GUI Designer列表控件使用手册插图31


相关产品

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

邮箱

cloud@modbus.cn

QQ
QQ
微信
微信
分享本页
返回顶部