采用 STM32H750 探索套件的无线测温集中器的UI设计
▲ 作品展示
在详述实现过程之前，我们先看一下 st 专家点评。
st专家点评
从这个评测贴中我们可以看到这位同学给我们展示了如何使用stm32h750+touchgfx开发平台快速开发一个gui产品-无线测温集中器。
从设计思路角度来看：这位同学进行设计前，首先使用思维导图工具对应用的需求进行模块化梳理，这个设计思路是非常推荐的。
一方面有利于进行ui界面规划和设计，另一方面有助于通过touchgfx提供的mvp机制对ui和后端数据处理进行分离，可以分开调试。
这位同学也提到，由于ui image/font资源多的时候，下载板卡会比较慢，因此ui开发可以先使用touchgfx designer的模拟器进行调试，当后端数据处理部分调试好后然后再与ui部分通过mvp集成。
从数据处理的角度看：从功能实现的角度来看无线测温集中器的应用功能ui部分的实现比较完整，交互也比较友好。该设计包含了多个界面(主界面/实时曲线/历史曲线/设备配置/时钟显示/关于)，这些界面的实现和界面间切换以及数据的展示和读取。
从整体设计来看：看起来复杂的gui+数据处理应用,由于touchgfx designer提供了很多常用的控件，如:文本显示/图片显示/容器/界面切换/动态，静态曲线/时钟等控件，就非常容易的通过所见即所得+拖拽的方式进行快速设计，通过交互配置就可以实现页面切换，然后通过mvp进行数据展示，是一个很好的参考设计。
一、概述
此项目实际应用，并非使用stm32h750b芯片，显示屏也是7寸的rgb屏，所以，此项目只是使用此开发板实现gui的功能，后期将gui移植到具体的项目中。
整个项目的大体框架如下：
无线数据的读取是通过一个spi的lora 模块通讯的，读取大量测温模块发出的温度，由于全程都是无线的通讯方式，需要一台可以显示能进行人机交互的设备来管理这些模块。
二、硬件
gui运行硬件平台为stm32h750b-dk开发板。硬件层的程序最终是基于我司的平台，所以，此次测评主要集中在gui上。很多底层的程序移植过来也用不上，而且时间比较长，逻辑也比较复杂。连接上随开始板送的传感器与一个rtc模块。
三、软件
于是，本次的ui就采用仿win10桌面的一种方式。要美观的话还是要大量的贴图，所以先用一些简单的图标进行代替。“桌面”的整体布局使用自定义控件的方式，把任务栏与开始菜单先做成自定义容器，在每个界面中添加这个容器。再实现每个界面 不同的功能。界面设计，大部分工作是使用touchgfx 4.19.1 designer 完成的，一些逻辑，要当特定的源文件中修改代码与添加相应的函数实现的。
任务栏可以打开开始菜单，右侧为显示桌面功能。开始菜单中的几个图标，可以进行不同的screen之间的切换。每个screen中都添加这个任务栏的容器，这样每个sreen之间都可以自由的切换了。
桌面，显示温湿度传感器的数据，显示无线信号强度，显示报警状态，有消音功能。如果没有有效的无线信号，信号强度图标会从低到高闪烁，以示在搜索信号。
当发生报警时，会有弹窗。同时，最上面会有报警状态显示，桌面上，的铃铛会闪烁。当按复位后，报警状态全部消失。
也可以按一下铃铛，进行静音。
实时动态显示功能，这里分不同的线路，每条线路分为a，b，c三相，使用不同的颜色区分。中间增加一个滚轮，用于切换不同的线路号。这里显示的应该是温度曲线，方便调试，增加了可修改周期的正弦曲线，线路号越大，周期越大。无线测温一般测量电缆接头或是断路器的位置，所以，分三相显示。
历史记录可显示报警信息发生时前后的温度记录，也是通过滚轮来切换的。这里的数据，是暂时的，实际使用时，要先读取存储介质上的数据再显示的。
配置界面，可配置报警开关，与报警温度的设置。温度设置通过独立设计的一个虚拟键盘来输入。
时钟界面用一个模拟时钟，通过读取rtc的数据来显示时间。
报警记录，通过方向键来切换要显示的报警信息。
网络界面，用于配置网络地址，每一个数字都是通过滑轮的方式进行修改的。
“关于”界面，显示一些基本的信息。
右上角有一根灯绳，只要点一下，会下拉一个界面。
四、总结
经过一段时间的开发设计，对touchgfx的架构有了一个比较深入的掌握，对于后续项目产品中使用touchgfx奠定了基础。
使用touchgfx designer进行界面的设计，大大的减少了设计所用的时间，完整的pc仿真方案，不用每次烧写调度，进一步减少了开发周期。gui的设计，大部分使用touchgfx designer就可以完成，touchgfx designer自带的一些动画、关联功能，不需要大量的美工，就可以做出比较完善、美观的ui。几乎适应于任何应用项目中。
来源：stm32论坛网友jinyi7016 版权归原作者所有
直接转载来源：stm32
免责声明：本文为转载文章，转载此文目的在于传递更多信息，版权归原作者所有。本文所用视频、图片、文字如涉及作品版权问题，请联系小编进行处理
苹果MacBook Pro购买指南：哪个型号最适合你？
农田小型气象监测站的功能特点是什么
如何选择AC-DC电源管理芯片
iPhone8什么时候上市：A11处理器下个月量产备货一亿颗！iPhone8还怕抢不到？对iPhone8的期望与要求
智能驾驶技术最新进展
采用 STM32H750 探索套件的无线测温集中器的UI设计
LED正在其他新兴照明领域加速渗透
基于STC89S52的智能交通灯控制系统的设计与应用
卷积神经网络背后的直觉探索
剖析组网技术类型
正弦波逆变器介绍_正弦波逆变器工作原理
谷歌是如何管理工程师的？
磁阻式随机存储器MRAM的基本原理是怎样的
人工智能发展的条件有哪些
码垛机器人吸盘抓手纸箱码垛
小米6最新消息：小米6售价曝光，情怀不在，比以前更贵了
Oracle推出NetSuite 加速器计划 奥拓电子亮相CES 2022
基于无线局域网标准的接收机射频前端设计
宽带视频切换集成电路AD8108／AD8109及其应用
中科视语|大爷“巧”过杆！“巧”骗车牌识别，“难”过车纹识别
在详述实现过程之前，我们先看一下 st 专家点评。
st专家点评
从这个评测贴中我们可以看到这位同学给我们展示了如何使用stm32h750+touchgfx开发平台快速开发一个gui产品-无线测温集中器。
从设计思路角度来看：这位同学进行设计前，首先使用思维导图工具对应用的需求进行模块化梳理，这个设计思路是非常推荐的。
一方面有利于进行ui界面规划和设计，另一方面有助于通过touchgfx提供的mvp机制对ui和后端数据处理进行分离，可以分开调试。
这位同学也提到，由于ui image/font资源多的时候，下载板卡会比较慢，因此ui开发可以先使用touchgfx designer的模拟器进行调试，当后端数据处理部分调试好后然后再与ui部分通过mvp集成。
从数据处理的角度看：从功能实现的角度来看无线测温集中器的应用功能ui部分的实现比较完整，交互也比较友好。该设计包含了多个界面(主界面/实时曲线/历史曲线/设备配置/时钟显示/关于)，这些界面的实现和界面间切换以及数据的展示和读取。
从整体设计来看：看起来复杂的gui+数据处理应用,由于touchgfx designer提供了很多常用的控件，如:文本显示/图片显示/容器/界面切换/动态，静态曲线/时钟等控件，就非常容易的通过所见即所得+拖拽的方式进行快速设计，通过交互配置就可以实现页面切换，然后通过mvp进行数据展示，是一个很好的参考设计。
一、概述
此项目实际应用，并非使用stm32h750b芯片，显示屏也是7寸的rgb屏，所以，此项目只是使用此开发板实现gui的功能，后期将gui移植到具体的项目中。
整个项目的大体框架如下：
无线数据的读取是通过一个spi的lora 模块通讯的，读取大量测温模块发出的温度，由于全程都是无线的通讯方式，需要一台可以显示能进行人机交互的设备来管理这些模块。
二、硬件
gui运行硬件平台为stm32h750b-dk开发板。硬件层的程序最终是基于我司的平台，所以，此次测评主要集中在gui上。很多底层的程序移植过来也用不上，而且时间比较长，逻辑也比较复杂。连接上随开始板送的传感器与一个rtc模块。
三、软件
于是，本次的ui就采用仿win10桌面的一种方式。要美观的话还是要大量的贴图，所以先用一些简单的图标进行代替。“桌面”的整体布局使用自定义控件的方式，把任务栏与开始菜单先做成自定义容器，在每个界面中添加这个容器。再实现每个界面 不同的功能。界面设计，大部分工作是使用touchgfx 4.19.1 designer 完成的，一些逻辑，要当特定的源文件中修改代码与添加相应的函数实现的。
任务栏可以打开开始菜单，右侧为显示桌面功能。开始菜单中的几个图标，可以进行不同的screen之间的切换。每个screen中都添加这个任务栏的容器，这样每个sreen之间都可以自由的切换了。
桌面，显示温湿度传感器的数据，显示无线信号强度，显示报警状态，有消音功能。如果没有有效的无线信号，信号强度图标会从低到高闪烁，以示在搜索信号。
当发生报警时，会有弹窗。同时，最上面会有报警状态显示，桌面上，的铃铛会闪烁。当按复位后，报警状态全部消失。
也可以按一下铃铛，进行静音。
实时动态显示功能，这里分不同的线路，每条线路分为a，b，c三相，使用不同的颜色区分。中间增加一个滚轮，用于切换不同的线路号。这里显示的应该是温度曲线，方便调试，增加了可修改周期的正弦曲线，线路号越大，周期越大。无线测温一般测量电缆接头或是断路器的位置，所以，分三相显示。
历史记录可显示报警信息发生时前后的温度记录，也是通过滚轮来切换的。这里的数据，是暂时的，实际使用时，要先读取存储介质上的数据再显示的。
配置界面，可配置报警开关，与报警温度的设置。温度设置通过独立设计的一个虚拟键盘来输入。
时钟界面用一个模拟时钟，通过读取rtc的数据来显示时间。
报警记录，通过方向键来切换要显示的报警信息。
网络界面，用于配置网络地址，每一个数字都是通过滑轮的方式进行修改的。
“关于”界面，显示一些基本的信息。
右上角有一根灯绳，只要点一下，会下拉一个界面。
四、总结
经过一段时间的开发设计，对touchgfx的架构有了一个比较深入的掌握，对于后续项目产品中使用touchgfx奠定了基础。
使用touchgfx designer进行界面的设计，大大的减少了设计所用的时间，完整的pc仿真方案，不用每次烧写调度，进一步减少了开发周期。gui的设计，大部分使用touchgfx designer就可以完成，touchgfx designer自带的一些动画、关联功能，不需要大量的美工，就可以做出比较完善、美观的ui。几乎适应于任何应用项目中。
来源：stm32论坛网友jinyi7016 版权归原作者所有
直接转载来源：stm32
免责声明：本文为转载文章，转载此文目的在于传递更多信息，版权归原作者所有。本文所用视频、图片、文字如涉及作品版权问题，请联系小编进行处理
苹果MacBook Pro购买指南：哪个型号最适合你？
农田小型气象监测站的功能特点是什么
如何选择AC-DC电源管理芯片
iPhone8什么时候上市：A11处理器下个月量产备货一亿颗！iPhone8还怕抢不到？对iPhone8的期望与要求
智能驾驶技术最新进展
采用 STM32H750 探索套件的无线测温集中器的UI设计
LED正在其他新兴照明领域加速渗透
基于STC89S52的智能交通灯控制系统的设计与应用
卷积神经网络背后的直觉探索
剖析组网技术类型
正弦波逆变器介绍_正弦波逆变器工作原理
谷歌是如何管理工程师的？
磁阻式随机存储器MRAM的基本原理是怎样的
人工智能发展的条件有哪些
码垛机器人吸盘抓手纸箱码垛
小米6最新消息：小米6售价曝光，情怀不在，比以前更贵了
Oracle推出NetSuite 加速器计划 奥拓电子亮相CES 2022
基于无线局域网标准的接收机射频前端设计
宽带视频切换集成电路AD8108／AD8109及其应用
中科视语|大爷“巧”过杆！“巧”骗车牌识别，“难”过车纹识别