GUI Designer列表控件使用手册

GUI Designer列表控件使用手册概述

图2.1 添加控件


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


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

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

图3.1 设置位置大小

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

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

图 3.2 图片替换

4.如何设置杂项


点击右侧属性窗口中的

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

图4.1 设置杂项

4.1 如何设置子项

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

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

图4.2设置子项1如何设置子项

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

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

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

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

4.2 如何设置项间隔

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

点击项宽/高度间隔下的输入框可

图4.6 设置项间隔

4.3 如何设置项排布方式

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

图4.7 项排布方式


5.如何设置列表显示

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

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

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