科讯网

您现在的位置是:首页 > 新手入门 > 技术进阶

技术进阶

后台-插件-广告管理-手机广告位-内容正文顶部468X60

仪表控件

2021-07-31 01:45:20技术进阶
仪表应用什么是仪表?表盘可以反映用户主机上的数据变化,满足用户使用的仪器仪表界面。常用于速度、电压等参数的体现,我司提供以下两种方法实现仪表控件:如上图,适合所有平台,仪表

仪表应用

什么是仪表?

Meter_01F3V科讯网

表盘可以反映用户主机上的数据变化,满足用户使用的仪器仪表界面。常用于速度、电压等参数的体现,我司提供以下两种方法实现F3V科讯网

仪表控件:如上图,适合所有平台,仪表控件可以实现表盘的显示F3V科讯网

4.1 仪表控件属性介绍

本章节介绍仪表控件的属性,属性窗口如下所示F3V科讯网

F3V科讯网

起始值

仪表量程最小的数值,最小为“0”F3V科讯网

终止值

仪表量程最大的数值,最大为“360”,也是指向0°F3V科讯网

初始值

指针一开始指向的数值,当初始值设置为“45”时,如下所示F3V科讯网

F3V科讯网

显示数值

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

F3V科讯网

字体大小

设置表盘的刻度值大小,如设置为16,如下所示F3V科讯网

F3V科讯网

数值颜色

设置表盘的刻度值颜色,如设置为黄色,如下所示F3V科讯网

F3V科讯网

表盘类型

分为“自绘表盘”、“背景图片”、“透明”,如下所示F3V科讯网

自绘表盘

默认表盘类型是“自绘表盘”,可显示刻度值,如下所示F3V科讯网

F3V科讯网

背景图片

背景图片:当表盘类型“背景图片”时,可插入表盘图片F3V科讯网

【透明】
  • 起始角:指针初始指向角度,如设置起始角为180°F3V科讯网

  • 终止角:指针表盘最终指向角度,如设置终止角为0°(360°)F3V科讯网

  • 旋转方向:分为“顺时针”和“逆时针“F3V科讯网

    1.顺时针:指针沿顺时针的方向走F3V科讯网

    2.逆时针:指针沿逆时针的方向走F3V科讯网

刻度(自绘表盘模式)

显示背景色

显示表盘的背景色。可选“是”或者“否”F3V科讯网

背景颜色

为表盘设置纯色背景。当“显示背景色”选择“是”时支持该项参数设置F3V科讯网

显示主线

主线是仪表最外围的那个圆圈,选择“是”或者“否”F3V科讯网

主线颜色

设置主线单色颜色,如设置为蓝色F3V科讯网

主线宽度

设置主线的宽度,如设置为“4”F3V科讯网

刻度

设置大刻度个数,默认为4个刻度F3V科讯网

刻度颜色

设置刻度的单一颜色,默认为红色F3V科讯网

刻度宽度

设置刻度的宽度,默认为2F3V科讯网

显示子刻度

选择“是”或者“否”F3V科讯网

子刻度

设置子刻度个数,默认为9个刻度F3V科讯网

子刻度宽度

设置刻度的单一颜色,默认为红色F3V科讯网

子刻度颜色

设置刻度的宽度,默认为2F3V科讯网

表针类型

可以对表针的类型进行设置,分为“直线”、“三角形”、“四边形”。默认为“三角形”,如下所示F3V科讯网

F3V科讯网

表针颜色

表针的颜色。默认为红色F3V科讯网

中心颜色

指针中心的颜色。默认为灰色F3V科讯网

4.2 仪表控件应用

画面配置

在【仪表控件】画面的“背景图片”导入相应的美工图片,画面中添加1个仪表控件(控件ID:1)和1个文本控件(控件ID:2),如下所示F3V科讯网

F3V科讯网

属性配置

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

F3V科讯网

运行预览

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

F3V科讯网

单片机程序

用户单片机控制仪表控件更新的程序,参考开发包keil程序中的him.dever.h文件函数声明以及him.dever.c文件中的定义。keil程序中的函数定义声明,如下所示F3V科讯网

/**********************************************************************
** 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
    ……
}
后台-插件-广告管理-手机广告位-内容正文底部468X60

文章评论