3. 元件介绍
3.6 图片按钮
图片按钮为高级控件之一。该控件可以理解为图片控件与按钮控件的结合，既可以显示单张图片又可以开启按下时状态显示另一张图片，实现类似按钮按下的动态切换效果，并且还支持点击后循环切换显示的图片。
可更改的样式属性：
- 未按下图片路径：需先导入本地的图片素材，之后设置未按下状态的图片路径
- 宽度高度：设置图片路径后会自动将宽度高度设置为原图片的宽度高度；也可拖动边缘调整大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 透明度：更改图片的透明度
- 切换状态：开启设置是否按下时将切换图片状态，添加控件切换时显示的图片，可以添加多张按添加顺序切换
- 隐藏：可以在画布中隐藏/显示元件
input component display
image button component
image button pressed
3.7 键盘
键盘为高级控件之一。该控件可以和文本区控件以及输入框控件联动，实现更复杂的文本变化效果。
注：在版本v1.1.42中，由于键盘控件重构，若您的工程文件使用的是旧版本的键盘控件，需替换成最新版本的键盘控件。
可更改的样式属性：
- 宽度高度：通过更改键盘的宽度高度属性得到不同大小的键盘，每个键的大小也会跟随变动
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 关联输入框：设定键盘输入关联的输入框控件
- 普通键颜色：更改键盘默认样式中普通键的颜色
- 控制键颜色：更改键盘默认样式中控制键的颜色
- 面板颜色：更改除按键外的键盘面板的颜色
- 面板圆角：更改除按键外的键盘面板圆角大小
- 键盘样式修改：可选择默认样式、4x5、11x3的键盘样式，用户也可以自己设计特别的键盘样式
- 透明度：更改键盘的透明度
- 中文拼音输入法：在仿真中将键盘切换至中文输入法，在输入框中显示中文（中文键盘默认是关闭状态）
- 隐藏：可以在画布中隐藏/显示元件
- 字体风格：可以添加文字风格
keyboard component
keyboard styled
keyboard chinese input
switch component
switch styles
3.8 开关
开关控件为高级控件之一。该控件类似按钮，存在活跃和不活跃两种状态，并在点击该控件时切换状态，同时支持灵活的调整大小和不同的样式属性。
可更改的样式属性：
- 宽度高度：通过更改宽度高度属性或拖动边缘调整开关控件大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 活跃状态：设定程序初始化时的开关状态为活跃或是不活跃
- 活跃颜色：在活跃状态为活跃时的开关背景颜色
- 不活跃颜色：在活跃状态为不活跃时的开关背景颜色
- 开关点颜色：开关控件上开关点的颜色
- 透明度：更改开关的透明度
- 隐藏：可以在画布中隐藏/显示元件
- 装饰线：可以在开关按键中添加装饰竖线，并可自定义装饰线的宽高
- 风格：有三种开关风格可选——圆角标准风格、圆角小型风格、矩形风格
keyboard chinese input
switch component
switch styles
3.9 幻灯片
幻灯片控件为高级控件之一，可以实现按特定间隔时间播放图片，或者搭配事件控制切换上一张或下一张图片显示的效果。
可更改的样式属性：
- 宽度高度：设置添加图片项目之后会自动将宽度高度设置为原图片的宽度高度；也可拖动边缘调整大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 文件类型：设置播放文件的类型，当前仅支持图片
- 播放模式：支持单次播放、循环播放、来回播放三种模式
- 播放起始序号：设置播放时从哪个序号开始（序号从0开始）
- 是否自动播放：设置是否开启自动播放
- 播放间隔时间：使能自动播放后，设置播放时切换下一张的间隔时间，单位为ms
- 播放初始状态：使能自动播放后，设置播放的初始状态为播放或者不播放
- 透明度：更改幻灯片的透明度
- 隐藏：可以在画布中隐藏/显示元件
slideshow component
slideshow playing
3.10 计数器
计数器控件为高级控件之一。可以配合按钮增加或减少数值等实现计数的功能并显示当前计数值。
可更改的样式属性：
- 宽度高度：通过定义不同的宽度高度或拖动边缘调整大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 文本：灵活修改当前计数值
- 字体：修改当前计数值内容使用的字体
- 字体颜色：修改当前使用的字体颜色
- 透明度：更改计数值显示的透明度
- 最小值/最大值：设置计数器的范围
- 递增/递减步数：设置每次递增或者递减时的步进值
- 整数部分显示宽度：设置计数值显示时整数的宽度
- 小数部分显示宽度：设置计数值显示时小数的宽度
- 格式化补齐数值：开启后计数值不够时使用0补齐显示，如001
- 隐藏：可以在画布中隐藏/显示元件
counter component
counter display
clock component
3.11 时钟
时钟控件为高级控件之一。可以用于显示时间或者作为定时器使用。
可更改的样式属性：
- 宽度高度：通过定义不同的宽度高度或拖动边缘调整大小
- 坐标：通过定义不同的XY值或键盘↑↓←→键来调整控件位置
- 字体：修改当前时间内容使用的字体
- 字体颜色：修改当前使用的字体颜色
- 透明度：更改时钟显示的透明度
- 设置当前时间：设置时钟当前显示的年/月/日/星期/时/分/秒数值
- 设置定时时间：是否开启定时，开启后设定定时的时间值
- 工作模式：选择"显示时间"模式时计数为增，使用"秒表倒计时"模式时计数为减
- 显示格式：设置时间的显示格式，默认为hh:mm:ss
- 设置12小时制：设置时间显示是否使用12小时制，开启后设置是否显示AM/PM
- 开启时钟：设置时钟初始状态是否为启动
- 隐藏：可以在画布中隐藏/显示元件
counter component
counter display
clock component
clock display
barcode component