可視化數據,科技風中控——以往需要花大價錢請專業(yè)公司開發(fā),現在你自己就可以快速設計。合宙全新推出數據采集控制器UI參考方案,源碼全面開放,支持二次開發(fā)。在UI基礎上添加業(yè)務控制邏輯,即可輕松解決4G通信+圖形界面開發(fā)應用難題,項目量產省時省錢省力!
1
LuatOS-HMI
數據采集控制器UI參考方案
合宙LuatOS-HMI數據采集控制器UI參考方案——基于LuatOS高效開發(fā),采用Air722UG-NMM大屏模組直驅顯示屏,支持二次開發(fā)。用戶可根據實際需求快速進行UI界面設計、添加業(yè)務控制邏輯,輕松實現項目應用。
應用領域:
適用于電力、工業(yè)、農業(yè)、水利、水務、氣象、環(huán)保等領域,高集成化數據采集控制UI方案設計。
例如:水霧控制系統(tǒng)、升降機/起重機監(jiān)控系統(tǒng)、環(huán)境(排污/粉塵/氣體)檢測儀、風速風向檢測儀、工業(yè)控制器/觸屏一體機、電力數據采集網關、水表集中器等等。
方案優(yōu)勢:
LuatOS-HMI方案硬件成本僅需傳統(tǒng)安卓方案三分之一,軟件開發(fā)相比串口屏方案業(yè)務邏輯控制更為便捷。
LuatOS-HMI數據采集控制器UI參考方案,采用LVGL7.11作為開發(fā)用戶界面程序的GUI框架,高度自定義頁面,可根據實際需求靈活開發(fā)。
01數據監(jiān)控主界面
界面設計:
如上圖所示,主要通過兩個區(qū)域進行頁面劃分。利用CONT容器控件劃分為:頂部狀態(tài)欄區(qū)域、內容顯示區(qū)域。
根據業(yè)務邏輯,其中內容顯示區(qū)域又可細分為左側、中部、右側三個部分。
效果演示:
參考代碼:
詳細代碼參見以下鏈接,建議手機橫屏或PC端瀏覽。
https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/S5qtnogd
https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/ehjD2BS3
02告警界面設計
界面設計:
如上圖所示,主要利用PAGE控件,實現相關數據信息顯示。
點擊監(jiān)控主界面右上角的告警信息按鈕,即可查看信息詳情。列表信息支持上下滑動;通過左上角首頁按鈕即可返回主界面。
效果演示:
參考代碼:
詳細代碼參見以下鏈接,建議手機橫屏或PC端瀏覽。
https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/N9zQfIn9
03設置頁面設計
界面設計:
如上圖所示,主要利用一個容器加兩個區(qū)域即可。其中,內容顯示區(qū)域分為告警等級、告警閾值兩個部分。
點擊監(jiān)控主界面中部圖標進入設置頁面,選擇對應項目,即可在彈窗中錄入所需數據;通過左上角首頁按鈕即可返回主界面。
效果演示:
參考代碼:
詳細代碼參見以下鏈接,建議手機橫屏或PC端瀏覽。
https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/FNpraxRb
04設備界面設計
界面設計:
如上圖所示,主要利用容器控件進行設備信息展示,里面填充相關參數即可。
通過主界面左上角設備總覽進入設備頁面;點擊首頁按鈕即可返主界面。
效果演示:
-
控制器
+關注
關注
112文章
16041瀏覽量
176756
發(fā)布評論請先 登錄
相關推薦
評論