• FT View SE画面导航


    前言:有朋友在我的微信公众号后台留言,如何实现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:坚持原创  注重实用

  • 相关阅读:
    使用JSON.NET实现对象属性的格式化的自定义
    AspNetCore项目-Service注入或覆盖
    发布Nuget
    收藏
    工具
    快捷键大全
    SqlServer分页查询语句
    面试相关
    Eratosthes algrithm 求素数
    code training
  • 原文地址:https://www.cnblogs.com/abseme/p/10823355.html
Copyright © 2020-2023  润新知