可視化+科技風，你也可以！合宙全新開源——數據采集控制器UI參考方案

可視化數據，科技風中控——以往需要花大價錢請專業(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設備界面設計

界面設計：

如上圖所示，主要利用容器控件進行設備信息展示，里面填充相關參數即可。

通過主界面左上角設備總覽進入設備頁面；點擊首頁按鈕即可返主界面。

效果演示：