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

freeFree Technical Resource

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

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

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、Zoom 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 = No. N 个选项的图标帧。忘了初始化这几个地址,控件可能空白或错乱——on_init 里必须写。

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

Put this resource to use in a real project?

Go to the Tool Center for message parsing, CRC 검증 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 주소 will not be published. Required fields are marked *.