【柿饼派GUI】各控件介绍（二）

各控件使用场景:

控件名称	介绍	使用场景
animatedImage	一个可循环的一组图片	一般用于循环展示功能使用
button	按钮控件	用于点击触发,页面跳转
Canvas	一个纯js操作的画布控件	绘制图形,线条,折线图等
card	可循环翻页的多页容器控件	同animatedImage, 但是功能更强大,可包含多个控件,例如手机左右翻应用页
CarouseImage	旋转木马控件	循环展示一组图片,可实现跳转页面
checkbox	复选框	用于设置某功能状态
CircleProcess	环形进度条	百分比进度条,容器控件
clock	时钟控件	搭配精美图片实现表盘时钟, 用于待机页面时间
DotIndicator	指示点控件	搭配card控件用于表示当前位于card第几页
imagebox	图片控件	图片展示
label	标签控件	文本展示
listctrl	列表控件	可动态添加内部控件,用于设置闹钟页面,一般搭配自定义面板使用
MultiTextBox	多行文本框	自动折行的文本显示控件
panel	容器控件	容器控件
progressbar	进度条	显示百分比
QRCode	二维码	设备网站, app下载,使用说明等外部链接
slider	滑动条控件	设置音量,亮度
switch	开关	类似于checkbox
textbox	文本框	可输入内容控件,用于用户自定义显示
VideoPlayer	视频播放器	视频播放
WheelImage	图片滚轮	一组图展示
WheelString	字符串滚轮	用于选择闹钟时间,城市选择等

以上是控件介绍

---

如上图所示,各控件属性作用:

属性名称	作用
控件类型	这个不可更改,显示当前控件类型
透明度	设置控件透明度只有0--255范围
控件名称	这个是控件唯一id值,在js逻辑中使用
锁定控件	控件左上角会有一个小锁,控件不可鼠标操作
隐藏	隐藏控件,设计使用,不影响模拟
背景图	设置控件背景图片
背景颜色	设置控件背景颜色支持ARGB
前景颜色	设置控件文本颜色支持ARGB
x,y,高度,宽度	设置控件左上角坐标和大小
控件文本	显示在控件山的内容
文本对齐	九种对齐方式
字体	需要现在左侧字体资源栏添加之后才能使用,支持ttf
字体大小	点阵字体时不可以更改大小,ttf可以更改

有的控件有调用属性, 这里是设置js代码中的调用函数名称的, 设置完调用函数名称 敲回车,然后双击该属性栏, 会自动跳转到代码编辑页面, 追加上刚刚输入的调用函数结构

这里只是一些简单控件的介绍, 给各位一个抛砖引玉的作用.