前言:有朋友在我的微信公眾號后台留言,如何實現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:堅持原創 注重實用