VisualHMI - 圆形进度条控件

什么是圆形进度条控件?

image-20231116150859407

圆形进度条控件作为高级可视化组件,在工业HMI与人机交互设计中相较于传统条形进度条具备以下核心优势:

  • 中心聚焦布局:数值/单位可嵌入环内,形成“图形+数据”一体化视图,减少视觉跳转,提升信息获取效率。

  • 强化循环/周期语义:天然契合“电量”“完成度”“阈值预警”等循环型数据表达,比线性条形更符合人类对“闭环过程”的心理模型。

  • 动态视觉反馈:颜色渐变(贴图方式,如绿→黄→红阈值警示),直观传递状态变化趋势;

💡 典型应用场景

场景 优势体现
电池电量/SOC/设备续航 环形隐喻“能量循环”,直观警示
任务完成进度 中心显示百分比,环体动态填充
工艺参数监控(压力/温度) 模拟传统仪表,降低操作门槛

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

例程下载链接:VisualHMI - 圆形进度条(点击下载)

1.属性介绍

本章节重点介绍圆形进度条控件的属性,分为功能设置和外观设置

1.1.功能设置

圆形进度条控件的功能设置,属性如下所示

image-20231116151051830

  1. 监视地址:此地址的值就是进度条的旋转角度。只有监视地址的值在起始值和终止值范围内,进度条才会响应;
  2. 数据类型:支持“UINT16”、“INT16”、“UINT32”、“INT32”、“UINT64”、“INT64”、“FLOAT”、“DOUBLE”的数据格式
  3. 起始值:起始数值;
  4. 终止值:终止数值;
  5. 滑动调节:设置之后可以触摸调节角度;

    • 触控区域:选择可以点击的位置,包括滑块、进度条;
    • 松开时通知:松开触摸时发送通知;
    • 滑块图库:选择滑块的显示样式,选择此选项后滑块可见。
    • 滑块大小:设置滑块的显示大小。

1.2.外观设置

圆形进度条控件的外观属性,属性如下所示

image-20231116151120952

  1. 厚度:设置进度条的厚度;

  2. 起始角度:控件的起始角;

  3. 终止角度:控件的终止角;

  4. 显示效果:

    • 可以设置为纯色或图片。
    • 可以设置进度条两端为圆形,仅在纯色模式下可配置

[!note|tip:注意] 起始角度为钟表3点钟方式,顺时针方向角度递增,即6点钟方向90度。依次类推

2.应用案例

2.1.工程配置

画面中添加圆形进度条控件,属性配置如下所示:

image-20231116152430014

控件的配置如下所示:

  1. 读取地址:LW1001;

  2. 数据类型:INT16

  3. 起始值:0

  4. 终止值:100

  5. 滑动调节:√;

    • 触控区域:进度条;
    • 松开通知:否
    • 滑块图库:lamp.xico/36
    • 滑块大小:32
  6. 厚度:20;

  7. 起始角度:135;

  8. 终止角度:45;

    [!note|tip:] 需要完整圆,起始是135,结束是495

  9. 显示效果:纯色

    • 前景色:黄色

    • 圆形端点:✔

2.2.运行预览

运行虚拟屏,默认LW1001寄存器值为0,对应135°。滑动圆形进度条的滑块,数值实时刷新。PLC模拟设置寄存器为50,显示效果如下所示

Video_2023-11-16_160616

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2026-02-10 15:52:10

results matching ""

    No results matching ""