VisualHMI - 仪表指针控件

什么是仪表指针控件?

image-20231116161116943

仪表指针控件是一种模拟传统机械仪表盘的可视化组件,通过旋转指针在刻度盘上的位置,直观、动态地反映工业过程变量的实时数值


适用范围:VisualHMI - HMI&M系列&Dx系列

例程下载链接:VisualHMI - 仪表指针控件(点击下载)

1.属性介绍

本章节重点介绍仪表指针控件的属性,分为功能设置和外观设置

1.1.功能设置

仪表指针控件的功能设置,属性如下所示

image-20231116161336617

  1. 读取地址:此地址的值就是仪表指针控件的旋转角度;

  2. 数据类型:支持“UINT16”、“INT16”、“UINT32”、“INT32”、“UINT64”、“INT64”、“FLOAT”、“DOUBLE”的数据格式

  3. 起始值:起始数值;

  4. 终止值:终止数值;

1.2.外观设置

仪表指针控件的外观属性,属性如下所示

image-20231116161753449

  1. 指针方向:可选12点↑,3点→,6点↓,9点←,4个方向

image-20251230135000566

[!note|tip:注意] 设计UI时候,强烈建议如上所示,按照12点↑、3点→、6点↓、或9点← 方向设计,方便起始/终止角度计算

  1. 指针图库:选择对于UI素材
  2. 起始角度:控件的起始角;
  3. 终止角度:控件的终止角;

无论【旋转方向】参数配置的是“顺时针”还是“逆时针”,计算角度都是顺时针方向

以12点↑为例,即是12点方向为0°,3点中方向为90°,6点钟方向为180°,9点钟方向为270°。假设【旋转方向】设置为“顺时针”,结合UI,即起始角度225,终止角度135。填入角度,选中仪表指针控件,可以看到辅助提示效果,如红色箭头表示指针开始角度,外围蓝色扇形表示指针顺时针旋转范围

image-20251230152335106

以3点→为例,即是3点中方向为0°,6点钟方向为90°,9点钟方向为180°,12点方向为270°,假设【旋转方向】设置为“顺时针”,结合UI,即起始角度45,终止角度135。填入角度,选中仪表指针控件,可以看到辅助提示效果,如红色箭头表示指针开始角度,外围蓝色扇形表示指针逆时针旋转范围

image-20251230153114077

  1. 旋转中心X:设置指针旋转中心的X坐标;
  2. 旋转中心Y:设置指针旋转中心的Y坐标。

[!note|tip:注意] 旋转点,即是该指针围绕改点坐标进行旋转,以12点↑UI素材为例,该坐标是相对于图片左上角的坐标,如下所示,该图片大小为19x91,那么该点X坐标为10,Y坐标81

image-20251230135911116

  1. 硬件加速:Dx系列支持

2.应用案例

2.1.工程配置

画面中添加【仪表指针控件】,用来说明“12点(↑) -顺时针”,属性配置如下所示:

  1. 读取地址:LW1001;
  2. 数据类型:INT16
  3. 起始值:0;
  4. 终止值:240;
  5. 指针方向:12点(↑)
  6. 指针图库:选择12点方向的图片
  7. 起始角度:225;
  8. 终止角度:135;
  9. 旋转方向:顺时针
  10. 旋转中心X:10;
  11. 旋转中心Y:81。

image-20231116161846868

画面中添加【仪表指针控件】,用来说明“3点(↑) -逆时针”,属性配置如下所示:

  1. 读取地址:LW1001;

  2. 数据类型:INT16

  3. 起始值:0;

  4. 终止值:240;

  5. 指针方向:3点(↑)

  6. 指针图库:选择3点方向的图片

  7. 起始角度:45;

  8. 终止角度:135;

  9. 旋转方向:逆时针

  10. 旋转中心X:10;

  11. 旋转中心Y:10。

    image-20251230154226622

同理 “6点(↑)”和“9点(←)”,参考属性说明即可,此处不在阐述。

添加两个【字设置按钮】,用来递增、递减LW1001寄存器的值,属性配置如下所示

  1. 读取地址:LW1001;

  2. 操作模式:递增/递减

    • 步长:10

    • 最小值:0;

    • 起最大值:240;

  3. 长按调节:√

    • 迟滞时间:500

    • 间隔时间:100

  4. 使用图库:√

image-20231116163328784

2.2.运行预览

运行虚拟屏,点击+ /-按键,仪表指针实时刷新,且数值限制在0~240,角度在刻度盘范围内偏移。效果如下所示

Video_2025-12-30_154722 00_00_00-00_00_30

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2026-02-04 16:57:51

results matching ""

    No results matching ""