亿迅智能制造网
工业4.0先进制造技术信息网站!
首页 | 制造技术 | 制造设备 | 工业物联网 | 工业材料 | 设备保养维修 | 工业编程 |
home  MfgRobots >> 亿迅智能制造网 >  >> Manufacturing Technology >> 工业技术

eHMI 演示项目:精简水厂操作界面设计

大家好,这是我首次接触 PLCnext 技术,想分享所学成果。重点使用 PLCnext Engineer 的 eHMI 技术。像我这样没有美术绘图能力的人,不想从零绘制画面,而希望使用平面设计师预先绘制好的图像素材。这就是我的起点。

我拿到一个文件夹,包含平面设计师绘制的大量 SVG 图像。SVG(可缩放矢量图形)特殊之处在于缩放不失真,普通图片放大会像素化,SVG 则保持清晰。

但导入 PLCnext Engineer 的图像不支持细节动画。例如导入水箱图片,无法选中水箱轮廓在注满时变绿。HMI 中需动画的元素必须在 PLCnext Engineer 内绘制。

因此我妥协折中:用免费工具 Inkscape 处理素材图拼成目标水厂系统,再选出需动画的元素在 PLCnext Engineer 绘制,删除这些元素,得到“详细图层”:

eHMI 演示项目:精简水厂操作界面设计

为实现管道注水动画,创建“剪裁路径/镂空图层”置于详细图层后方,遮挡用于动画的背景元素:

eHMI 演示项目:精简水厂操作界面设计

导入上述图像并在 PLCnext Engineer 创建动画元素后,最终 HMI 画面如下:

eHMI 演示项目:精简水厂操作界面设计

项目托管于 GitHub,含详细制作说明与额外赠送项目:
plcnextusa/eHMI_water_plant_demo: High Graphic Water Plant Animation

工业技术

  1. 工厂可靠性:精益制造成功的地基
  2. 琥珀:从古老树脂到科学珍宝——历史、特性与现代用途
  3. 断头台:历史、设计与遗产
  4. 硅:性质、生产与市场前瞻
  5. 尤克里里:从葡萄牙根源到现代工艺
  6. 树莓派自动浇水系统:土壤湿度监测 + Web 仪表盘远程控制
  7. 理解结型二极管:从晶体探测器到现代硅器件
  8. 五极管:第五元素增强电子管性能
  9. 静电学解析:摩擦材料如何产生电荷
  10. 勒索软件实战备忘录:备份可恢复才是真安全
  11. 聚氨酯能否真正防水?深度解析吸水率特性
  12. Mastercam 单元 7:图像管理与刀路创建完整指南