VisualHMI 图片轮选:基础轮播与动态图标映射两种模式

免费免费技术资料

这篇内容可直接阅读,适合用于基础学习和搜索引流。

图片轮选控件通过左右滑动在有限空间循环展示一组图片。它有两种模式——基础轮播和动态图标映射——本质是两种完全不同的数据架构,用错模式会绕大弯。

1. 两种模式(核心区别)

1.1 基础轮播模式(未勾选「选取图标」)

  • 图库帧数 = 选项总数:图库 10 帧 → 自动识别为 10 个选项(索引 0~9)
  • 单地址驱动:监视地址直接存当前选中项索引,值变化即切帧
  • 静态映射:选项 i 永久绑定图库帧 i

1.2 动态图标映射模式(勾选「选取图标」)

  • 双层解耦:选项层 + 图标层。监视地址=选中项;监视地址+1=总选项数;监视地址+1+N=各选项的图标帧索引
  • 动态帧池:图库 36 帧分 3 组(每组 12 帧),选项0用 LW1003 指向帧0~11、选项1用 LW1004 指向帧12~23…
  • 双维度控制:滑动切选项改索引;改 LW1003+N 更新该选项的图标状态

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图

维度 基础轮播 动态图标映射
数据架构 单层:帧=选项 双层:选项+动态图标帧
寄存器占用 1 个(当前索引) 1+1+N 个(索引+总数+各选项帧)
运行时灵活性 仅能切换选项 可独立更新任一选项视觉状态
典型应用 静态内容展示 多状态设备监控、工艺阶段指示

2. 属性介绍

属性 说明
监视地址 绑定的变量地址
选取图标 勾选=动态图标映射模式
候选项 3 项或 5 项
触摸滑动 / 滑行惯性 / 对齐 / 点击切换 滑动切换开关;惯性;对齐;点击直接选中
自动跟踪 / 跟踪时间 图片动态跟踪数值变化;跟踪滚动时间(秒)
图库 / 方向 轮选图片;滚动方向
宽度比例 / 缩放比例 / 偏移比例 选项图片宽长比 20~80;两端缩放 20~100;两端高度偏移 -100~100

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图1

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图2

3. 应用案例

3.1 基础轮播

监视 LW1000,候选项 3,滑动+惯性+对齐+点击切换+自动跟踪,图库方向左右,宽度比例 40、缩放 50。滑动切换索引,LW1000 值跟随变化。

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图3

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图4

3.2 动态图标映射(LUA 初始化)

监视 LW1001,勾选选取图标,候选项 3。地址布局:LW1001=选中项、LW1002=总选项数、LW1003~LW1005=各选项图标帧。on_init 初始化:

function on_init()
  set_uint16(VT_LW, 0x1002, 3)     -- 总选项数 3
  set_uint16(VT_LW, 0x1003, 0*12)  -- 选项1 图标起始帧 0
  set_uint16(VT_LW, 0x1004, 1*12)  -- 选项2 图标起始帧 12
  set_uint16(VT_LW, 0x1005, 2*12)  -- 选项3 图标起始帧 24
end

运行时:滑动切选项改 LW1001;设备状态变了,PLC/LUA 改 LW1003~LW1005(写 0~11、12~23、24~35)更新对应选项的图标帧。

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图5

VisualHMI 图片轮选:基础轮播与动态图标映射两种模式插图6

动态图标映射的地址规则要记牢:监视地址+1 = 总选项数;监视地址+1+N = 第 N 个选项的图标帧。忘了初始化这几个地址,控件可能空白或错乱——on_init 里必须写。

整理自 广州大彩科技 VisualHMI 开发文档(hmi-doc.gz-dc.com)组态控件教程「图片轮选」,版权归大彩科技所有。

技术术语(共 2 个)—— 点击展开
寄存器Modbus 寄存器存储数据单元,分线圈/离散输入/保持/输入寄存器四类
PLC可编程逻辑控制器,工业自动化控制的核心设备
来源/工具信息 —— 点击展开
来源 Modbus中文网(modbus.cn) —— 国内领先的Modbus通信协议技术社区 分类 串口屏/HMI 开发 / 组态控件 字数 1209 字 · 阅读约 4 分钟 更新 2026-08-04 永久链接 https://www.modbus.cn/50794.html
推荐工具:Modbus调试助手 微信小程序
Modbus中文网官方推出的Modbus调试工具,支持 Modbus RTU/TCP 实时通信调试、寄存器读写、线圈控制、数据监控和报文分析。 无需安装,微信搜索「Modbus调试助手」即可使用。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
📝 作者声明
本文由 Modbus中文网技术团队 原创撰写,内容基于实际项目案例与技术文档,力求为读者提供准确、实用的参考信息。
把这篇资料用于真实项目?

进入工具中心进行报文解析、CRC 校验和设备调试,或提交需求获取选型与接入建议。

工程师会员

把这篇文章变成可执行的调试资料

开通后可使用高级报文解析、资料包下载、代码示例、工程案例和优先技术支持,适合真实项目交付。

高级工具不限次
资料包与代码包
完整工程案例库
优先技术支持入口

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注