可視化+科技風(fēng)，你也可以！合宙全新開(kāi)源——數(shù)據(jù)采集控制器UI參考方案

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

1

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

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

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

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

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

方案優(yōu)勢(shì)：

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

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

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

界面設(shè)計(jì)：

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

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

效果演示：

參考代碼：

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

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

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

02告警界面設(shè)計(jì)

界面設(shè)計(jì)：

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

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

效果演示：

參考代碼：

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

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

03設(shè)置頁(yè)面設(shè)計(jì)

界面設(shè)計(jì)：

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

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

效果演示：

參考代碼：

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

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

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

界面設(shè)計(jì)：

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

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

效果演示：