可視化數(shù)據(jù)，科技風(fēng)中控——以往需要花大價錢請專業(yè)公司開發(fā)，現(xiàn)在你自己就可以快速設(shè)計。合宙全新推出數(shù)據(jù)采集控制器UI參考方案，源碼全面開放，支持二次開發(fā)。在UI基礎(chǔ)上添加業(yè)務(wù)控制邏輯，即可輕松解決4G通信+圖形界面開發(fā)應(yīng)用難題，項目量產(chǎn)省時省錢省力！

1

LuatOS-HMI
數(shù)據(jù)采集控制器UI參考方案

合宙LuatOS-HMI數(shù)據(jù)采集控制器UI參考方案——基于LuatOS高效開發(fā)，采用Air722UG-NMM大屏模組直驅(qū)顯示屏，支持二次開發(fā)。用戶可根據(jù)實際需求快速進(jìn)行UI界面設(shè)計、添加業(yè)務(wù)控制邏輯，輕松實現(xiàn)項目應(yīng)用。

應(yīng)用領(lǐng)域：

適用于電力、工業(yè)、農(nóng)業(yè)、水利、水務(wù)、氣象、環(huán)保等領(lǐng)域，高集成化數(shù)據(jù)采集控制UI方案設(shè)計。

例如：水霧控制系統(tǒng)、升降機(jī)/起重機(jī)監(jiān)控系統(tǒng)、環(huán)境（排污/粉塵/氣體）檢測儀、風(fēng)速風(fēng)向檢測儀、工業(yè)控制器/觸屏一體機(jī)、電力數(shù)據(jù)采集網(wǎng)關(guān)、水表集中器等等。

方案優(yōu)勢：

LuatOS-HMI方案硬件成本僅需傳統(tǒng)安卓方案三分之一，軟件開發(fā)相比串口屏方案業(yè)務(wù)邏輯控制更為便捷。

LuatOS-HMI數(shù)據(jù)采集控制器UI參考方案，采用LVGL7.11作為開發(fā)用戶界面程序的GUI框架，高度自定義頁面，可根據(jù)實際需求靈活開發(fā)。

01數(shù)據(jù)監(jiān)控主界面

界面設(shè)計：

如上圖所示，主要通過兩個區(qū)域進(jìn)行頁面劃分。利用CONT容器控件劃分為：頂部狀態(tài)欄區(qū)域、內(nèi)容顯示區(qū)域。

根據(jù)業(yè)務(wù)邏輯，其中內(nèi)容顯示區(qū)域又可細(xì)分為左側(cè)、中部、右側(cè)三個部分。

效果演示：

參考代碼：

詳細(xì)代碼參見以下鏈接，建議手機(jī)橫屏或PC端瀏覽。

https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/S5qtnogd

https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/ehjD2BS3

02告警界面設(shè)計

界面設(shè)計：

如上圖所示，主要利用PAGE控件，實現(xiàn)相關(guān)數(shù)據(jù)信息顯示。

點擊監(jiān)控主界面右上角的告警信息按鈕，即可查看信息詳情。列表信息支持上下滑動；通過左上角首頁按鈕即可返回主界面。

效果演示：

參考代碼：

詳細(xì)代碼參見以下鏈接，建議手機(jī)橫屏或PC端瀏覽。

https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/N9zQfIn9

03設(shè)置頁面設(shè)計

界面設(shè)計：

如上圖所示，主要利用一個容器加兩個區(qū)域即可。其中，內(nèi)容顯示區(qū)域分為告警等級、告警閾值兩個部分。

點擊監(jiān)控主界面中部圖標(biāo)進(jìn)入設(shè)置頁面，選擇對應(yīng)項目，即可在彈窗中錄入所需數(shù)據(jù)；通過左上角首頁按鈕即可返回主界面。

效果演示：

參考代碼：

詳細(xì)代碼參見以下鏈接，建議手機(jī)橫屏或PC端瀏覽。

https://hmi.wiki.luatos.com/doc/65042949/e6zPC3k9/FNpraxRb

04設(shè)備界面設(shè)計

界面設(shè)計：

如上圖所示，主要利用容器控件進(jìn)行設(shè)備信息展示，里面填充相關(guān)參數(shù)即可。

通過主界面左上角設(shè)備總覽進(jìn)入設(shè)備頁面；點擊首頁按鈕即可返主界面。

效果演示：