0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

合宙LuatOS 2022-04-24 17:11 次阅读

53f217e2-c25a-11ec-82f6-dac502259ad0.gif

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

1

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


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

5416f684-c25a-11ec-82f6-dac502259ad0.gif

应用领域:

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

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

方案优势:

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

5407a4d6-c25a-11ec-82f6-dac502259ad0.gif

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

01数据监控主界面


5449a8c2-c25a-11ec-82f6-dac502259ad0.png

界面设计:

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

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

效果演示:

547243ae-c25a-11ec-82f6-dac502259ad0.gif

参考代码:

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

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

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

02告警界面设计


54cb23fc-c25a-11ec-82f6-dac502259ad0.png

界面设计:

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

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

效果演示:

54ef61ea-c25a-11ec-82f6-dac502259ad0.gif

参考代码:

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

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

03设置页面设计


55ae553c-c25a-11ec-82f6-dac502259ad0.png

界面设计:

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

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

效果演示:

55e336a8-c25a-11ec-82f6-dac502259ad0.gif

参考代码:

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

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

04设备界面设计


565e1d78-c25a-11ec-82f6-dac502259ad0.png

界面设计:

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

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

效果演示:

5679b8a8-c25a-11ec-82f6-dac502259ad0.gif

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 控制器
    +关注

    关注

    112

    文章

    16204

    浏览量

    177420
收藏 人收藏

    评论

    相关推荐

    数字孪生三维可视化场景如何搭建?

    数字孪生 三维可视化 场景是一种强大的工具,能够帮助我们模拟和展示现实世界中的复杂环境和系统。从数据采集到交互设计,通过一系列步骤,可以有效地搭建出逼真动态的数字孪生三维场景。 数据采集
    的头像 发表于 11-06 14:40 140次阅读

    康谋技术 | 高效环境感知:毫米波雷达数据采集可视化及存储方案

    自动驾驶技术飞速发展,毫米波雷达因其出色性能已成为自动驾驶传感套件的关键!本文以4D毫米波雷达ARS548为例,为您揭秘毫米波雷达如何高效实现数据采集可视化及存储的策略。快来了解,一起探索自动驾驶的未来之路!
    的头像 发表于 11-06 09:35 2972次阅读
    康谋技术 | 高效环境感知:毫米波雷达<b class='flag-5'>数据采集</b>、<b class='flag-5'>可视化</b>及存储<b class='flag-5'>方案</b>

    的DTU+业务云平台,做温湿度传感数据采集项目

    解决方案,一步到位,技术人员完成开发、调试和维护工作,不需要客户投入任何技术资源,最快1天完成开发! 本文教你怎么用简单的几个步骤,完成一个温湿度传感
    的头像 发表于 09-18 11:39 891次阅读
    用<b class='flag-5'>合</b><b class='flag-5'>宙</b>的DTU+业务云平台,做温湿度传感<b class='flag-5'>器</b><b class='flag-5'>数据采集</b>项目

    如何使用的DTU+业务云平台,做一个温湿度传感数据采集项目?

    使用的DTU+业务云平台,做一个温湿度传感数据采集项目,超详细教程。
    的头像 发表于 09-18 11:11 364次阅读
    如何使用<b class='flag-5'>合</b><b class='flag-5'>宙</b>的DTU+业务云平台,做一个温湿度传感<b class='flag-5'>器</b><b class='flag-5'>数据采集</b>项目?

    工业数据可视化管理平台是什么

    数据可视化管理平台应运而生,它以其独特的功能和优势,正在成为工业数字转型的重要工具。 工业数据可视化管理平台的定义 工业
    的头像 发表于 08-28 14:21 253次阅读

    校园三维可视化解决方案

    建模和可视化展示,这种解决方案为学校提供了全方位的管理工具和决策支持,有助于优化校园管理流程、提升效率和服务质量。 数字建模与数据采集 校园三维可视化解决方案的第一步是进行校园环境的数
    的头像 发表于 08-16 14:05 164次阅读

    可视化数据大屏的制作流程

    制作可视化数据大屏是一项涵盖数据分析、设计和技术实现的复杂任务。从数据处理到展示呈现,每个步骤都至关重要。下面将详细介绍可视化
    的头像 发表于 07-24 13:57 255次阅读

    大屏数据可视化 开源

    在当今信息爆炸的时代,数据已经成为各个行业决策制定和业务发展的关键。为了更直观、准确地理解和利用海量数据, 大屏数据可视化 成为一种强大的工具。通过将
    的头像 发表于 06-27 16:06 378次阅读
    大屏<b class='flag-5'>数据</b><b class='flag-5'>可视化</b> <b class='flag-5'>开源</b>

    工业控制器数据采集平台有什么功能

    工业控制器数据采集平台是一种用于收集、处理和分析来自工业控制器数据的系统。工业控制器,如可编程逻辑控制
    的头像 发表于 06-17 10:05 350次阅读

    大屏数据可视化的作用和意义

    大屏数据可视化是指利用大屏幕设备展示数据信息,通过图表、图像、动画等视觉手段将数据呈现出来,以便用户能够直观、清晰地理解
    的头像 发表于 06-03 17:56 633次阅读

    大屏数据可视化是什么?运用了什么技术

    、发现规律和趋势,从而支持决策制定和问题解决。 在大屏数据可视化中,常用的技术包括: 数据采集与处理: 数据从各种来源(数据库、传感
    的头像 发表于 05-24 15:35 808次阅读

    智慧城市-可视化,进一步提高信息建设水平

    信息量化、可视化、互动的特点,直观地展示城市管理、服务、交通、环境等方面的数据。   数据视觉平台 数据可视化主要是将城市发展过程中遇到的问
    的头像 发表于 05-22 16:49 419次阅读

    态势数据可视化技术有哪些

    智慧华盛恒辉态势数据可视化技术是一种将复杂、动态的态势数据以直观、易于理解的方式展现出来的技术手段。以下是几种主要的态势数据可视化技术: 网
    的头像 发表于 04-22 15:17 381次阅读

    智慧园区可视化解决方案主要功能

    随着物联网技术的不断进步,园区内各类设备将更加智能和互联,为智慧园区可视化平台提供更多的数据源和应用场景,智慧园区已经成为未来城市发展的重要方向。通过智慧园区
    的头像 发表于 01-30 16:34 365次阅读

    一键生成可视化图表/大屏 这13款数据可视化工具很强大

    前言 数字经济时代,我们每天正在处理海量数据,对数据可视化软件的需求变得突出,它可以帮助人们通过模式、趋势、仪表板、图表等视觉辅助工具理解数据
    的头像 发表于 12-19 17:27 5261次阅读
    一键生成<b class='flag-5'>可视化</b>图表/大屏 这13款<b class='flag-5'>数据</b><b class='flag-5'>可视化</b>工具很强大