一、简单显示

1、仪表盘(gauge)

• https://8ms.xyz/view/share/NDcxOCMxODUy

1.1、创建仪表盘控件

① 用途：创建仪表盘的控件

② 用途：仪表盘控件的ID

1.2、使用步骤

1.2.1、修改仪表盘状态及其他样式

属性-基本：

·ID：gauge_0ba1 是该仪表盘控件的识别号

·X、Y：在显示区域中的位置信息

·宽、高：设置仪表盘控件区域的大小

·对齐方式（依次）：左对齐、水平居中对齐、右对齐、上对齐、垂直居中对齐、下对齐

属性-内容：

·上层控件：设置父对象，即该仪表盘控件为选择ID的子对象 

·不透明度：背景的透明度

·指针颜色：仪表盘的指针颜色

·旋转轴颜色：仪表盘的旋转轴颜色

·背景颜色：该仪表盘区域的背景颜色 

·正常颜色：仪表盘值正常区域的颜色

·告警颜色：仪表盘值告警区域的颜色

·开始值：仪表盘起始值(一般为0)

·结束值：仪表盘结束值(一般为100)

·告警值：触发警告的值(一般为大于该值的区域)

·初始值：指针一开始指向的值

1.3、仪表盘控件积木块

1.3.1、设置仪表盘的值

·选择UI控件：在布局–设计器中仪表盘控件的ID名。

·值：指针指向的值

示例：绑定列表控件id：gauge_0ba1 值为：20

查看代码实现方式【 {}code 】：

① 使积木函数生效

② api

③ 仪表盘控件id

④仪表盘指针初始值

⑤仪表盘设置的指针值

1.4、使用积木实现仪表盘指针跳动(ssd201)

·效果描述

通过设计器与积木配合，实现在开机后的1-5秒，指针从指向0平均跳动到100。

·UI界面设计

·创建仪表盘控件

·积木实现

·实际效果图

1.5、下载8ms平台源码分析

·压缩包文件

·qm_ui_entry.c分析

相关变量声明

①入口函数

②创建对象

③创建控件

积木逻辑实现

仪表盘创建及样式