3. 元件介绍
3.17 分组
分组控件为图表控件之一。该控件为一种逻辑抽象的控件，并不会在画布上直接显示。该控件存在的功能是为单选框、按钮和复选框分组，使单选框、按钮和复选框可以实现单选和复选的效果。
该控件无需更改样式属性。
注意：若是更改了分组控件的大小并将其覆盖在其他控件之上，则可能导致其他控件无法被点击。
gif size restriction
group component
group with radio
3.18 单选框
单选框控件为图表控件之一。该控件分为选中状态和未选中状态。在同一个分组下的单选框控件，当有一个单选框被选中时，其他单选框会同时被设置为未选中状态。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整单选框控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 文本：灵活修改单选框上的文本内容
- 字体：修改单选框上文本内容使用的字体
- 字体颜色：修改单选框上文本的字体颜色
- 透明度：更改单选框的透明度
- 选中状态：更改该属性可以改变程序运行时单选框的选中状态
- 所属分组：在该属性中可以看到当前屏幕下所存在的分组并选取
- 隐藏：可以在画布中隐藏/显示元件
radio component
radio selected
radio properties
3.19 复选框
复选框控件为图表控件之一。该控件和单选框控件类似，分为选中状态和未选中状态。区别于单选框控件的是，即使处于同一分组下，复选框控件可以有多个同时处于选中状态。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整复选框控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 文本：灵活修改复选框上的文本内容
- 字体：修改复选框上文本内容使用的字体
- 字体颜色：修改复选框上文本的字体颜色
- 透明度：更改复选框的透明度
- 选中状态：更改该属性可以改变程序运行时复选框的选中状态
- 所属分组：在该属性中可以看到当前屏幕下所存在的分组并选取
- 隐藏：可以在画布中隐藏/显示元件
checkbox component
radio checkbox group
3.20 滑动条
滑动条控件为图表控件之一。该控件类似手机调整亮度的功能部件，可以灵活调整刻度点的位置并让进度条填充到刻度点处，同时也支持灵活更改滑动条的样式。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整滑动条控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 透明度：更改滑动条的透明度
- 起始值/结束值：当刻度点在滑动条起始/末端位置时表示的数字
- 位置：设置该值可以修改程序运行时刻度点的起始位置
- 活跃颜色：填充区域以及纯色刻度点的颜色
- 不活跃颜色：非填充区域的颜色
- 滑动方向：更改滑动条滑动的方向
- 刻度点：更改刻度点的样式——隐藏、纯色以及图片
- 长条大小：任意更改滑动条长度
- 刻度点大小：任意更改刻度原点的大小
- 隐藏：可以在画布中隐藏/显示元件
slider component
progress bar component
3.21 进度条
进度条控件为图表控件之一。该控件类似滑动条，但是在没有添加其他事件的时候无法通过点击来更改进度条的值。进度条同样支持灵活调整样式。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整进度条控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 透明度：更改进度条的透明度
- 起始值/结束值：当填充区域在进度条起始/末端位置时表示的数字
- 位置：设置该值可以修改程序运行时填充的位置
- 活跃颜色：填充区域的颜色
- 不活跃颜色：非填充区域的颜色
- 滑动方向：更改进度条填充的方向
- 隐藏：可以在画布中隐藏/显示元件
slider component
progress bar component
progress bar display
list component
3.22 列表
列表控件为高级控件之一。该控件可以列出多个item来显示不同的文本内容，当有多个item时可滑动并选中其中指定的文本内容。同时该控件也支持灵活调整样式。
注：在版本v1.1.42中，由于列表控件重构，若您的工程文件使用的是旧版本的列表控件，需替换成最新版本的列表控件。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整列表控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 字体/字体颜色：修改列表上显示的文本的字体和颜色
- 透明度：更改列表的透明度
- 最大显示item个数：更改该值可以修改列表一页上显示的item个数，其他的item通过滑动翻页显示
- 添加item：往列表中添加item并自定义内容
- 单个文本自定义设置：任意设置x,y的坐标值以及宽、高的大小
- 每栏高度设置：根据列表的文字数量要求更改栏目的高度
- 隐藏：可以在画布中隐藏/显示元件
- 边框颜色/宽度：任意修改边框的显示颜色和宽度
- 分割线：将列表自动分割成多个item并显示分割线
- 选中高亮模式：仿真后点击任意项显示选中高亮的效果
- 模式：默认模式（无图标）、图标在左模式、图标在右模式
progress bar display
list component
list text customize
list styled
wheel component
3.23 滚轮
滚轮控件为高级控件之一。滚轮控件可以增加多个item，界面显示元素可设置。当有多个item时可以滑动滚轮选择目标项，目标项显示为上中下栏的中间栏。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整滚轮控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 字体颜色：修改滚轮上显示的文本的字体颜色
- 字体：修改滚轮上文本内容使用的字体
- 透明度：更改滚轮的透明度
- 显示元素个数：默认为三行（可设置为任意单数）
- 滚动模式：可设置为默认或循环模式
- 隐藏：可以在画布中隐藏/显示元件
list text customize
list styled
wheel component