工控网首页
>

应用设计

>

知识讲堂 | PLCnext中eHMI应用技巧

知识讲堂 | PLCnext中eHMI应用技巧

image.png

640.png

PLCnext Engineer中可以创建一个eHMI应用程序,用于可视化、监视和操作控制器上运行的程序。

eHMI应用程序由若干个HMI页面组成,每个HMI页面中填充了多个标准的HMI Object或自定义的HMI Symbol。eHMI应用程序数据作为项目的一部分自动存储,并在执行“写入并启动项目”命令时写入控制器的项目映像中。通过控制器上的Web服务器,可以在标准Web浏览器中运行eHMI应用程序,然后监视和控制控制器上运行的进程。

01   Tag(标签)

640.jpg

HMI Tag可以被视为HMI内部变量,不同层级的Tag具有不同的属性。充分利用好Tag能够实现一些较复杂的界面效果。

从控制器变量创建的HMI Tag对于每个HMI客户端都是可见的。如果控制器变量发生变化,则该变化将影响所有HMI客户端的变量;反之,任意一个客户端的变量发生变化,其他客户端及控制器变量也会跟着变化。

有两种方式从控制器变量创建HMI Tag:

1.将HMI Tag分配给全局IEC 61131-3变量;

2.对于功能块和程序POU中的本地变量,选择变量属性表中的HMI复选框,POU的所有实例都将本地变量公开为HMI Tag。

本地HMI Tag只对一个HMI客户端(HMI客户端是指:访问eHMI的浏览器)可见。如果一个本地HMI标签发生了变化,该变化只会影响到特定客户端的标签。本地HMI Tag包括以下三种:

1   Application local tag

Application local tag只特定于一个客户端,但是在所有HMI页面之间共享。

在Application > Tags编辑器中存在一些预定义的Tag,可以直接使用,例如‘LanguageCode’可以用来实现语言切换。

640 (1).png

也可以创建新的Tag用于页面之间的数据传递,例如用一个INT类型的变量实现换页按钮的颜色切换。

640 (2).png

2   Page local tag

Page local tag是指特定于单个HMI页面的标签,只能被定义它的HMI页面使用和查看。

640 (3).png

3   Symbol local tag

Symbol local tag是指某个Symbol的内部标签,只能被定义它的Symbol使用和查看。

640 (4).png

02   Grid(栅格)

640 (1).jpg

HMI编辑器提供了一个网格,帮助在HMI页面上排列HMI对象。默认情况下,网格是不可见的。活动页面中网格的可见性可以通过单击编辑器工具栏上的“网格切换”按钮或按+切换。

snap-to-grid函数允许您在移动、对齐、调整或插入对象时将对象snap到网格。通过单击编辑器工具栏上的“对齐到网格”按钮或按+,可以打开或关闭活动页面的对齐到网格功能。

640 (5).png

网格参数设置:在Extras > Options > HMI Editor中可以对Page/Symbol的网格设置进行单独配置。其中单元格大小最小值为2像素;旋转捕捉角度值最小为1度(设置为0时,实际效果为默认值15度)。

640 (6).png

03   Drawing and Editing Paths(绘图和编辑路径)

640 (4).jpg

COMPONENTS > HMI > Objects中有一些基本图形(椭圆、矩形、线段、曲线、折线),利用这些基本图形,可以绘制出复杂的图案以丰富页面效果。

以下图中的锁状图形为例,点击HMI Object Explorer图标,可以看到该图形由四个Shape组成。锁芯部分是一个圆形+一个方形,下面介绍锁身和锁梁的绘制方法。

640 (7).png

1.  锁身部分是一个六边形,可以由矩形经过形变而成。先绘制一个矩形,将Stroke(轮廓)中的线宽改为0,背景颜色改为黑色。

右击矩形 > 点击Convert to Path(转换为路径)

640 (8).png

再次右击 > 点击Edit Shape of Path(编辑路径形状)

640 (9).png

此时矩形转换为由四个点和四条线段组成的路径形状,右击矩形上边缘 > 点击Add Segment(添加线段)

640 (10).png

上边缘多出了一条线段(也可以视为多出一个点),按住多出的点向上拖移(同时按住Shift可避免自动对齐到网格)。同样的方法对下边缘进行操作。

640 (11).png

2.  锁梁部分是一个开口环形(也可视为曲线),可以由圆形经过形变而成。先绘制一个圆形,将Stroke(轮廓)中的线宽改为1.5,线色改为黑色,背景颜色改为No fill。

参照上面的步骤将圆形转换为路径形状,编辑路径,在圆的边上添加一条线段

640 (12).png

因为锁梁下方是开口的,所以需要删除一条线段

640 (13).png

锁梁的左右两边是直线段,右击圆环下方的弧线,将原来的贝塞尔曲线转换为直线段

640 (14).png

按住两个端点进行拖动(可同时按住Shift避免自动对齐栅格),这样一把锁的基本外形就完成了

640 (15).png

总结

eHMI应用程序打破了传统HMI软件的架构,通过HMI Tag即可简单高效地实现与控制器程序的交互,不同层级的Tag具有很强的灵活性。同时eHMI的绘图功能也很完善,能够满足设计复杂图形的需要。

定制化培训服务,请咨询:

培训组:025-52121888-8519

自动化服务热线:4008281555-8#

邮箱:wangbei@phoenixcontact.com.cn

640 (6).jpg

审核编辑(
王静
)
投诉建议

提交

查看更多评论
其他资讯

查看更多

智能视点|工业通讯打造智慧工厂大动脉

解决方案|5G之光照亮工厂自动化输送方案新路径

依托Power-to-X技术,打造全电气社会

知识讲堂|通过ACI访问和控制PLCnext Engineer的介绍与应用

菲家老友记|心动满格100%。我们的每一步,都算数。