前言:有朋友在我的微信公众号后台留言,如何实现SE的画面导航,尤其是系统集成类的项目。这类项目画面比较多,如若不规划好,后期的工作量比较大,也容易出现画面的切换不清晰。本文介绍一种在很多大型系统集成项目(污水处理厂、市政综合管廊、食品生产线等)中已经使用到的导航方法。
一、效果展示
某水质净化厂中央监控系统,界面层次分明,在顶部是导航栏,中间是主界面,底部是报警栏。
二、方法步骤
1、SE新建一个项目,本文项目名称为Navigation,在Display中新建画面,本文建立的画面如下入,其中:Pic主页为初始界面;Pic导航栏在顶部,用于切换画面;Pic报警栏在底部,显示各种故障信息;其余画面,如Pic进水泵房等为主界面,用于监视与操作工艺或设备。
2、整体界面如何布局,本文以显示器分辨率1920(W)*1080(H)为例,其中,导航栏界面尺寸为1920*130,主界面尺寸为1920*800,报警栏尺寸为1920*150.
3、宏的使用,在一个宏里面可以执行多个命令,提高了指令的使用效果,优化了程序的开发,本文使用的宏如下图。
4、主页界面开发,尺寸为1920*1080,背景使用某水质净化厂的效果图,中间底部为系统名称,在后下角为进入系统导航按钮,背景为一个箭头图片,而非按钮初始外观,这样与厂区效果图相匹配,其功能是关闭主页界面,进入主界面,并使导航栏显示在顶部、报警栏显示在底部。
5、导航栏界面开发,尺寸为1920*130,左上角为开发商Logo,中间为系统名称,右上角显示日期时间,下边是导航按钮,用于切换画面,各个按钮的导航功能使用宏来实现。(题外话,看到很多别人开发SE项目,导航的做法是在每个画面都有相同的导航按钮,而且是不用到全局元件的那种,工作量太大了。)
6、导航栏界面按钮背景显示,当切换到某界面时,其导航按钮背景显示为绿色,使用到了HMI TAG,新建一个内部标签MenuID,类型为模拟量,用于存储按钮按下时赋给的值.
7、导航栏界面按钮背景显示,当不同按钮按下时,赋给内部标签MenuID不同的数值,如“进水泵房”按钮按下时,MenuID=1;当MenuID=1时,进水泵房”按钮的背景色为绿色,其余按钮同此法.
8、报警栏界面开发,尺寸为1920*150,用于显示和确认各种报警提示或故障信息,当然需要加上Alarm and Event Banner
9、主界面开发,尺寸为1920*800,用显示工艺参数和设备状态,以及对工艺或设备进行操作控制,进行人机交互,如本文的Pic进水泵房、Pic滤池等,其画面实现的详细方法不在本文讨论的范围.
三、效果视频
这里不好上传视频文件,若需观看,请到公众号。
结束语:最近加班调试项目,加之文章原创,比较耗时,更新速度放缓,希望大家理解。
----公众号abseMe:坚持原创 注重实用