1. 滑块(slider)
1.1. 创建滑块控件
1-用途:创建滑块的控件
2-用途:圆弧滑块的ID
2.2. 使用步骤
2.2.1. 修改滑块样式
①滑块控件位置信息 ②滑块控件大小信息 ③对齐方式 ④功能样式
属性 - 基本:
- ID:slider_3595 是该滑块控件的识别号
- X、Y:在显示区域中的位置信息
- 宽、高:设置滑块控件区域的大小
- 对齐方式(依次):左对齐、水平居中对齐、右对齐、上对齐、垂直居中对齐、下对齐
属性 - 内容:
- 上层控件:设置父对象,即该滑块控件为选择ID的子对象
- 初始值:设置滑块初始值
- 背景颜色:设置滑块未滑动区域颜色
- 滑块填充颜色:设置滑块滑动区域颜色
- 手柄颜色:设置滑块坐标点颜色
2.3. 滑块控件积木块
2.3.1. 设置滑块值(需要搭配流程/事件使用)
- 选择UI控件:在布局——设计器 中文控件的ID
- 值:点击输入值,或者插入用读取控件数值的blockly,等效于设置滑块初始值
2.3.2. 读取滑块值(需要搭配UI控件blockly使用)
- 选择UI控件:在布局——设计器 中文控件的ID
- 读取值:获取到滑块当前位置值(默认范围:0-100),返回的为数值,并不能作为文本直接发送,需经类型转化。
示例:绑定圆弧控件id:slider_3595,放置读取滑块值blockly。
查看代码实现方式【{}code】:
①使能积木区函数 ②设置滑块值 ③滑块控件ID ④获取滑块值 ⑤关闭滑动动画
2.4. 使用积木实现滑块控制仪表盘(ssd201)
- 创建仪表盘控件
- 积木实现
2.5. 编译下载8ms平台源码分析
压缩包文件
①平台默认生成字体 ②各个任务与控件初始化入口
qm_ui_entry.c分析
①控件初始化函数总入口 ②对象创建 ③各个控件初始化API ④相关变量声明 ⑤滑块控件创建
⑥样式初始化 ⑦创建滑块事件-回调函数 ⑧仪表盘控件创建及样式初始化
①积木逻辑实现 ②滑块事件回调函数入口 ③事件名
文档更新时间: 2021-04-06 17:57 作者:admin