VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑

免费免费技术资料

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

图库是 VisualHMI 里所有控件图片的总仓库。位状态灯、多状态指示灯、动画控件、按钮这些要换图标,都在图库里管。这篇把图库管理和”多帧图标”的概念讲清楚——多帧是 HMI 和普通组态软件最大的不同点之一。

1. 图库是什么

VisualHMI 所有控件使用的图片都在菜单【工程】→【图库】中管理,分两类:

  • 工程图库:用户自定义的图片,随工程保存
  • 系统图库:系统自带的常用按钮、开关、进度条、键盘等图片

图库支持 bmp、svg、png、jpg 四种格式。

图库界面分四个区域:

  • 区域1:添加、删除图标索引
  • 区域2:图标索引列表(每个索引可以含多帧)
  • 区域3:预览选中索引的每一帧
  • 区域4:编辑帧——插入、删除、导出、修改(替换)、复制、移动

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图

目前支持添加图库的控件共 15 种,具体图片属性在控件属性栏查看。

2. 关键概念:图标索引 与 帧

图标索引是一个”图标的容器”,一个索引里可以装多帧图片。多帧图标常用于:

  • 多状态指示灯:不同状态显示不同帧(如运行=绿色、停止=灰色、故障=红色)
  • 动画控件:按顺序循环播放帧,形成动画

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图1

显示格式如”1-帧数(8)”:1 是索引号,8 是该索引下 8 帧。

3. 创建图标

3.1 添加多帧图标

点【+】生成一个”0-帧数(0)”的图标索引 → 点【添加帧】→ 选择图片文件。如添加 8 张图,索引 0 就有 8 帧。

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图2

3.2 批量添加(单帧图标)

点【批量添加】→ 选择多个 UI 图片文件 → 每个文件生成一个独立索引(1~8)。适合一批按钮图标一次性导入。

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图3

4. 帧的编辑操作

  • 添加帧:选中索引 → 新增帧数 → 选图,新帧追加在末尾
  • 插入帧:选中某一帧 → 新增帧数,新帧插在该帧后面
  • 修改/替换帧:选中帧 → 修改 → 选新文件,原位替换
  • 删除帧:删除单帧,或全部删除
  • 复制帧:选中帧 → 复制 → 粘贴,生成相同帧
  • 移动帧:选中帧 → 上移/下移,调整顺序(影响动画/多状态的显示顺序)
  • 导出帧:选中帧 → 导出,保存为图片文件

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图4

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图5

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图6

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图7

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图8

VisualHMI 图库详解:图标索引/多帧动画/批量导入与帧编辑插图9

删除所有帧后,图标显示为「x-帧数(0)」。不要强制删除空帧图标——图标库顺序会乱、显示错位。用不到的空索引留着或按正常流程删。

5. 多帧图标的调试提示

  • 多状态指示灯的状态数和帧数要对上:3 个状态就准备 3 帧,帧不够状态会显示空白
  • 动画控件的播放顺序 = 帧顺序,想倒放就把帧顺序倒过来
  • 替换帧后如果画面没刷新,重新编译一次

整理自 广州大彩科技 VisualHMI 开发文档(hmi-doc.gz-dc.com)资源介绍「图库」,版权归大彩科技所有。

来源/工具信息 —— 点击展开
来源 Modbus.cn — China's leading Modbus communication protocol technical community 分类 串口屏/HMI 开发 / 资源介绍 字数 977 字 · 阅读约 3 分钟 更新 2026-08-04 永久链接 http://www.modbus.cn/en/50149.html
Recommended: Modbus Debug Assistant Mini Program
Modbus中文网官方推出的Modbus调试工具,支持 Modbus RTU/TCP 实时通信调试、寄存器读写、线圈控制、数据监控和报文分析。 无需安装,微信搜索「Modbus调试助手」即可使用。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
📝 作者声明
本文由 Modbus中文网技术团队 原创撰写,内容基于实际项目案例与技术文档,力求为读者提供准确、实用的参考信息。
把这篇资料用于真实项目?

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

工程师会员

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

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

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

发表回复

Your email address will not be published. 必填项已用 * 标注