可视化+科技风，你也可以！合宙全新开源——数据采集控制器UI参考方案

可视化数据，科技风中控——以往需要花大价钱请专业公司开发，现在你自己就可以快速设计。合宙全新推出数据采集控制器UI参考方案，源码全面开放，支持二次开发。在UI基础上添加业务控制逻辑，即可轻松解决4G通信+图形界面开发应用难题，项目量产省时省钱省力！

 

1

 

LuatOS-HMI
数据采集控制器UI参考方案

 

---

 

合宙LuatOS-HMI数据采集控制器UI参考方案——基于LuatOS高效开发，采用Air722UG-NMM大屏模组直驱显示屏，支持二次开发。用户可根据实际需求快速进行UI界面设计、添加业务控制逻辑，轻松实现项目应用。

应用领域：
 

适用于电力、工业、农业、水利、水务、气象、环保等领域，高集成化数据采集控制UI方案设计。

例如：水雾控制系统、升降机/起重机监控系统、环境（排污/粉尘/气体）检测仪、风速风向检测仪、工业控制器/触屏一体机、电力数据采集网关、水表集中器等等。

方案优势：

LuatOS-HMI方案硬件成本仅需传统安卓方案三分之一，软件开发相比串口屏方案业务逻辑控制更为便捷。

 

LuatOS-HMI数据采集控制器UI参考方案，采用LVGL7.11作为开发用户界面程序的GUI框架，高度自定义页面，可根据实际需求灵活开发。

01 数据监控主界面

 

 

---

 

界面设计：

如上图所示，主要通过两个区域进行页面划分。利用CONT容器控件划分为：顶部状态栏区域、内容显示区域。

根据业务逻辑，其中内容显示区域又可细分为左侧、中部、右侧三个部分。
 

效果演示：

参考代码：
 

详细代码参见以下链接，建议手机横屏或PC端浏览。

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

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

 

02 告警界面设计

 

 

---

 

 

界面设计：

如上图所示，主要利用PAGE控件，实现相关数据信息显示。
 

点击监控主界面右上角的告警信息按钮，即可查看信息详情。列表信息支持上下滑动；通过左上角首页按钮即可返回主界面。

效果演示：

参考代码：
 

详细代码参见以下链接，建议手机横屏或PC端浏览。

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

 

 

03 设置页面设计

 

 

---

 

 

界面设计：

如上图所示，主要利用一个容器加两个区域即可。其中，内容显示区域分为告警等级、告警阈值两个部分。
 

点击监控主界面中部图标进入设置页面，选择对应项目，即可在弹窗中录入所需数据；通过左上角首页按钮即可返回主界面。

效果演示：

参考代码：
 

详细代码参见以下链接，建议手机横屏或PC端浏览。

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

 

04 设备界面设计

 

 

---

 

 

界面设计：

如上图所示，主要利用容器控件进行设备信息展示，里面填充相关参数即可。

通过主界面左上角设备总览进入设备页面；点击首页按钮即可返主界面。

效果演示：