什么是仪表控件?
![仪表控件如何使用?插图1 仪表控件如何使用?插图1](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
表盘可以反映用户主机上的数据变化,满足用户使用的仪器仪表界面。常用于速度、电压等参数的体现,我司提供以下两种方法实现
仪表控件:如上图,适合所有平台,仪表控件可以实现表盘的显示
适用范围:仪表控件,全系列
例程下载链接:《串口屏表盘应用》(点击跳转)
4.1 仪表控件属性介绍
本章节介绍仪表控件的属性,属性窗口如下所示
![仪表控件如何使用?插图3 仪表控件如何使用?插图3](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
起始值
仪表量程最小的数值,最小为“0”
终止值
仪表量程最大的数值,最大为“360”,也是指向0°
初始值
指针一开始指向的数值,当初始值设置为“45”时,如下所示
![仪表控件如何使用?插图5 仪表控件如何使用?插图5](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
显示数值
表盘上的刻度值。可选“是”或者“否”,当且仅当【表盘类型】为“自绘表盘”时该选项才生效。如下所示
![仪表控件如何使用?插图7 仪表控件如何使用?插图7](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
字体大小
设置表盘的刻度值大小,如设置为16,如下所示
![仪表控件如何使用?插图9 仪表控件如何使用?插图9](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
数值颜色
设置表盘的刻度值颜色,如设置为黄色,如下所示
![仪表控件如何使用?插图11 仪表控件如何使用?插图11](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
表盘类型
分为“自绘表盘”、“背景图片”、“透明”,如下所示
自绘表盘
默认表盘类型是“自绘表盘”,可显示刻度值,如下所示
![仪表控件如何使用?插图13 仪表控件如何使用?插图13](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
背景图片
背景图片:当表盘类型“背景图片”时,可插入表盘图片
【透明】
- 起始角:指针初始指向角度,如设置起始角为180°
- 终止角:指针表盘最终指向角度,如设置终止角为0°(360°)
- 旋转方向:分为“顺时针”和“逆时针“1.顺时针:指针沿顺时针的方向走2.逆时针:指针沿逆时针的方向走
刻度(自绘表盘模式)
显示背景色
显示表盘的背景色。可选“是”或者“否”
背景颜色
为表盘设置纯色背景。当“显示背景色”选择“是”时支持该项参数设置
显示主线
主线是仪表最外围的那个圆圈,选择“是”或者“否”
主线颜色
设置主线单色颜色,如设置为蓝色
主线宽度
设置主线的宽度,如设置为“4”
刻度
设置大刻度个数,默认为4个刻度
刻度颜色
设置刻度的单一颜色,默认为红色
刻度宽度
设置刻度的宽度,默认为2
显示子刻度
选择“是”或者“否”
子刻度
设置子刻度个数,默认为9个刻度
子刻度宽度
设置刻度的单一颜色,默认为红色
子刻度颜色
设置刻度的宽度,默认为2
表针类型
可以对表针的类型进行设置,分为“直线”、“三角形”、“四边形”。默认为“三角形”,如下所示
![仪表控件如何使用?插图15 仪表控件如何使用?插图15](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
表针颜色
表针的颜色。默认为红色
中心颜色
指针中心的颜色。默认为灰色
4.2 仪表控件应用
画面配置
在【仪表控件】画面的“背景图片”导入相应的美工图片,画面中添加1个仪表控件(控件ID:1)和1个文本控件(控件ID:2),如下所示
![仪表控件如何使用?插图17 仪表控件如何使用?插图17](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
属性配置
在仪表控件的属性窗口中,设置【起始值】为“0”、【终止值】为“110”、【初始值】为“45”、【显示数值】为“否”、【表盘类型】为“透明”、【起始角】为“180”、【终止角】为“360(0)”、【指针类型】为“四边形”,属性配置如下所示
![仪表控件如何使用?插图19 仪表控件如何使用?插图19](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
运行预览
运行虚拟屏,VisualTFT软件和虚拟屏用“虚拟串口”建立联机。打开【指令助手】,选择左侧导航栏【进度条/仪表/滑块】,设置“更新进度条/仪表/滑块”指令参数。如例程中,控制画面(画面ID:0)中的仪表控件(控件ID:1),填写“数值”为“60”,点击“发送”;或者拖动指令助手中的滑动条,也可设置仪表控件值。同理,设置文本控件的值为“60”。运行效果如下所示
![仪表控件如何使用?插图21 仪表控件如何使用?插图21](https://www.modbus.cn/wp-content/themes/module2/themer/assets/images/lazy.png)
单片机程序
用户单片机控制仪表控件更新的程序,参考开发包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
……
}