仪表控件How to use?

freeFree Technical Resource

This content is free to read, suitable for basic learning and search traffic.

仪表控件How to use?缩略图
🌐 This page is not yet available in English. Showing the Chinese version. Back to Chinese page.
本文目录
  1. 1. 什么是仪表控件?
  2. 2. 4.1 仪表控件属性介绍
  3. 3. 4.2 仪表控件应用

什么是仪表控件?

仪表控件How to use?插图

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

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

适用范围:仪表控件,全系列

例程Download链接:《HMI表盘应用》(点击跳转)

4.1 仪表控件属性介绍

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

仪表控件How to use?插图1

initial value

仪表量程最小的numerical value,最小为“0”

终止值

仪表量程最大的numerical value,最大为“360”,也是指向0°

初始值

指针一开始指向的numerical value,当初始值设置为“45”时,如下所示

仪表控件How to use?插图2

显示numerical value

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

仪表控件How to use?插图3

字体大小

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

仪表控件How to use?插图4

numerical value颜色

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

仪表控件How to use?插图5

表盘Type

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

自绘表盘

默认表盘Type是“自绘表盘”,可显示刻度值,如下所示

仪表控件How to use?插图6
背景图片

背景图片:当表盘Type“背景图片”时,可插入表盘图片

【透明】
  • start角:指针初始指向角度,如设置start角为180°
  • 终止角:指针表盘最终指向角度,如设置终止角为0°(360°)
  • 旋转方向:分为“顺时针”和“逆时针“1.顺时针:指针沿顺时针的方向走2.逆时针:指针沿逆时针的方向走

刻度(自绘表盘模式)

显示背景色

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

背景颜色

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

显示主线

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

主线颜色

设置主线单色颜色,如设置为蓝色

主线宽度

设置主线的宽度,如设置为“4”

刻度

设置大刻度个数,默认为4个刻度

刻度颜色

设置刻度的单一颜色,默认为红色

刻度宽度

设置刻度的宽度,默认为2

显示子刻度

选择“是”或者“否”

子刻度

设置子刻度个数,默认为9个刻度

子刻度宽度

设置刻度的单一颜色,默认为红色

子刻度颜色

设置刻度的宽度,默认为2

表针Type

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

仪表控件How to use?插图7

表针颜色

表针的颜色。默认为红色

中心颜色

指针中心的颜色。默认为灰色

4.2 仪表控件应用

画面配置

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

仪表控件How to use?插图8

属性配置

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

仪表控件How to use?插图9

运行预览

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

仪表控件How to use?插图10

单片机程序

用户单片机控制仪表控件更新的程序,参考开发包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
    ……
}
Technology术语(共 1 个)—— 点击展开
串口计算机与外部设备进行串行Communication的物理Interface
来源/Tools信息 —— 点击展开
来源 Modbus Chinese Network(modbus.cn) —— China leadingModbuscommunication protocol technical community Category Basic Control Document / 触控屏开发Document 字数 1746 字 · 阅读约 5 分钟 更新 2026-07-01 永久链接 https://www.modbus.cn/6915.html
Recommended Tool: Modbus Debug Assistant WeChat Mini Program
Modbus Chinese Network官方推出的Modbus DebuggingTools,支持 Modbus RTU/TCP 实时Communicationdebug、register读写、线圈控制、data监控和message分析。 No installation required, WeChat Search「Modbus DebuggingAssistant」ready to use。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
Related Tags
Put this resource to use in a real project?

Go to the Tool Center for message parsing, CRC verification and device debugging, or submit your requirements for selection and integration advice.

Engineer Membership

Turn this article into actionable debugging resources

After activation, you can use advanced message parsing, resource pack downloads, code examples, engineering cases and priority technical support, suitable for real project delivery.

Unlimited Advanced Tools
Resource & Code Packs
Complete Engineering Case Library
Priority Technical Support

Leave a Reply

Your email address will not be published. Required fields are marked *.