eHMI 演示项目:精简水厂操作界面设计
大家好,这是我首次接触 PLCnext 技术,想分享所学成果。重点使用 PLCnext Engineer 的 eHMI 技术。像我这样没有美术绘图能力的人,不想从零绘制画面,而希望使用平面设计师预先绘制好的图像素材。这就是我的起点。
我拿到一个文件夹,包含平面设计师绘制的大量 SVG 图像。SVG(可缩放矢量图形)特殊之处在于缩放不失真,普通图片放大会像素化,SVG 则保持清晰。
但导入 PLCnext Engineer 的图像不支持细节动画。例如导入水箱图片,无法选中水箱轮廓在注满时变绿。HMI 中需动画的元素必须在 PLCnext Engineer 内绘制。
因此我妥协折中:用免费工具 Inkscape 处理素材图拼成目标水厂系统,再选出需动画的元素在 PLCnext Engineer 绘制,删除这些元素,得到“详细图层”:
为实现管道注水动画,创建“剪裁路径/镂空图层”置于详细图层后方,遮挡用于动画的背景元素:
导入上述图像并在 PLCnext Engineer 创建动画元素后,最终 HMI 画面如下:
项目托管于 GitHub,含详细制作说明与额外赠送项目:
plcnextusa/eHMI_water_plant_demo: High Graphic Water Plant Animation
工业技术