什么是仪表控件?

表盘可以反映用户主机上的数据变化,满足用户使用的仪器仪表界面。常用于速度、电压等参数的体现,我司提供以下两种方法实现
仪表控件:如上图,适合所有平台,仪表控件可以实现表盘的显示
适用范围:仪表控件,全系列
例程下载链接:《串口屏表盘应用》(点击跳转)
4.1 仪表控件属性介绍
本章节介绍仪表控件的属性,属性窗口如下所示

起始值
仪表量程最小的数值,最小为“0”
终止值
仪表量程最大的数值,最大为“360”,也是指向0°
初始值
指针一开始指向的数值,当初始值设置为“45”时,如下所示

显示数值
表盘上的刻度值。可选“是”或者“否”,当且仅当【表盘类型】为“自绘表盘”时该选项才生效。如下所示

字体大小
设置表盘的刻度值大小,如设置为16,如下所示

数值颜色
设置表盘的刻度值颜色,如设置为黄色,如下所示

表盘类型
分为“自绘表盘”、“背景图片”、“透明”,如下所示
自绘表盘
默认表盘类型是“自绘表盘”,可显示刻度值,如下所示

背景图片
背景图片:当表盘类型“背景图片”时,可插入表盘图片
【透明】
- 起始角:指针初始指向角度,如设置起始角为180°
- 终止角:指针表盘最终指向角度,如设置终止角为0°(360°)
- 旋转方向:分为“顺时针”和“逆时针“1.顺时针:指针沿顺时针的方向走2.逆时针:指针沿逆时针的方向走
刻度(自绘表盘模式)
显示背景色
显示表盘的背景色。可选“是”或者“否”
背景颜色
为表盘设置纯色背景。当“显示背景色”选择“是”时支持该项参数设置
显示主线
主线是仪表最外围的那个圆圈,选择“是”或者“否”
主线颜色
设置主线单色颜色,如设置为蓝色
主线宽度
设置主线的宽度,如设置为“4”
刻度
设置大刻度个数,默认为4个刻度
刻度颜色
设置刻度的单一颜色,默认为红色
刻度宽度
设置刻度的宽度,默认为2
显示子刻度
选择“是”或者“否”
子刻度
设置子刻度个数,默认为9个刻度
子刻度宽度
设置刻度的单一颜色,默认为红色
子刻度颜色
设置刻度的宽度,默认为2
表针类型
可以对表针的类型进行设置,分为“直线”、“三角形”、“四边形”。默认为“三角形”,如下所示

表针颜色
表针的颜色。默认为红色
中心颜色
指针中心的颜色。默认为灰色
4.2 仪表控件应用
画面配置
在【仪表控件】画面的“背景图片”导入相应的美工图片,画面中添加1个仪表控件(控件ID:1)和1个文本控件(控件ID:2),如下所示

属性配置
在仪表控件的属性窗口中,设置【起始值】为“0”、【终止值】为“110”、【初始值】为“45”、【显示数值】为“否”、【表盘类型】为“透明”、【起始角】为“180”、【终止角】为“360(0)”、【指针类型】为“四边形”,属性配置如下所示

运行预览
运行虚拟屏,VisualTFT软件和虚拟屏用“虚拟串口”建立联机。打开【指令助手】,选择左侧导航栏【进度条/仪表/滑块】,设置“更新进度条/仪表/滑块”指令参数。如例程中,控制画面(画面ID:0)中的仪表控件(控件ID:1),填写“数值”为“60”,点击“发送”;或者拖动指令助手中的滑动条,也可设置仪表控件值。同理,设置文本控件的值为“60”。运行效果如下所示

单片机程序
用户单片机控制仪表控件更新的程序,参考开发包keil程序中的him.dever.h文件函数声明以及him.dever.c文件中的定义。keil程序中的函数定义声明,如下所示
/**********************************************************************
** Function name: void SetMeterValue (uint16 screen_id,
** uint16 control_id,
** uint32 value)
** Descriptions:设置仪表值
** input parameters: screen_id: 画面ID
** control_id: 控件ID
** value: 需要设置的控件值
** output parameters: 无
** Returned value: 无
*********************************************************************/
{
……
SetMeterValue(0,1,60);//设置画面0、控件1仪表控件值为60
……
}