VisualHMI - 动态按钮

什是动态按钮控件?

image-20251218092637911

动态按钮是一种具备视觉切换反馈的交互控件,常用于模拟物理开关或状态切换操作(如启停、使能/禁用)。其核心特征为:

  • 点击触发状态翻转(ON ↔ OFF);
  • 伴随平滑滑动动画,默认支持 从左向右从右向左 的位移动画效果,直观反映当前状态;
  • 动画方向与状态逻辑可配置,提升操作确认感与界面友好性。

该控件广泛应用于设备控制、模式选择等场景,兼顾功能性与用户体验,有效降低误触风险并增强状态感知。


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

例程下载链接:VisualHMI - 动态按钮(点击下载)

1.属性介绍

本章节重点介绍动态按钮的属性

1.1.功能设置

动态按钮控件的功能设置,属性如下所示

image-20251218093131010

  1. 读写地址
  2. 圆圈:设置圆圈的颜色;
  3. 未选时:关闭状态的颜色
  4. 选中时:打开状态的颜色
  5. 禁止时:当权限不足,且为禁止触控时显示的颜色

image-20251218093313575

2.应用案例

2.1.工程配置

画面中添加动态按钮控件,属性配置如下所示:

image-20251218095716669

控件的配置如下所示:

  1. 读写地址:LW1000;

  2. 圆圈:颜色(255;255;255)

  3. 未选时:颜色(150; 150; 150)

  4. 选中时:颜色(32; 150; 240)

  5. 禁止时:颜色(255; 0; 0)

  6. 权限控制:不满足 LW1001 = 0 时,禁止触控

2.2.运行预览

运行虚拟屏,点击功能按钮,0->1 按钮重左往右动态变化,显示蓝色。同理,指令设置按钮状态,也支持动态效果。若功能按钮没有权限,禁止触控,按钮颜色为红色,指令设置按钮状态,仍然有动态效果。

Video_2025-12-29_142420 00_00_00-00_00_30~3

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

results matching ""

    No results matching ""