【DigiKey创意大赛】家用快速体检机02+UI设计

sipower

【DigiKey创意大赛】家用快速体检机02+UI设计 [复制链接]

 

 

本次作品是做一个家用快速体检机，体检参数来源与我选用的两个传感器，一个是惊帆科技的JFH111智能健康监测模块，此模块能够提供脉搏波形、心率值、血氧值和血压值参数，如下图所示。

另外一个传感器是德州仪器的TMP117，一款高精度数字温度传感器。无需校准即可在 -20°C 到 50°C 的温度范围内实现高达 ±0.1°C 的精度，满足对医用电子温度计的 ASTM E1112 和 ISO 80601 要求。此传感器提供体温参数。下图是该传感器的评估板，本次作品就是裁下前面传感器部分做探头用。

这个设备在平时不需要检测生理参数的时候，还可以当做一个电子台历来用，通过WiFi联网，可以显示时间，天气等信息。

之前做在线天气抓取时，主要使用高德接口，本次预计还是使用此接口，默认能获取到如下参数。

再结合我从网上能找到的现成图标，如下图。

最终计划展示的信息包括：时间，城市，温度，湿度，天气，天气对应的图标

然后就是设计界面，由于本人PS水平有限，就从网上找个在线图片设计工具，我选的是美图秀秀，设计界面如下图。

我设计了2个页面，分别对应体检界面和台历界面。总共设计了4个风格，如下图所示。

审美有点low，大家轻喷。最终我选定2号方案，如下图。

本次UI程序设计使用ST官方推荐的TouchGFX，为了看到初步效果，我先把图片弄到开发板上试试。由于只有两个页面，我选定了SwipeContainer这个控件实现页面切换。先上例程。

初步演示，只需要改一下例程的背景图片即可达到目的。

然后编译下载到开发板，整体效果如下视频所示。

播放器加载失败: 未检测到Flash Player，请到安装

010

 

整体看起来虽然简单，但是得益于TouchGFX加持，界面还是比较大气简约的。

接下来的工作就是分步骤具体实现，下一步是连接硬件模块，将传感器都搞到开发板上去。

lugl4313820

看到大佬的touchgxf那是真的做得好呀，期待学习与传感器如何交互！

sipower

lugl4313820 发表于 2023-12-3 07:07 看到大佬的touchgxf那是真的做得好呀，期待学习与传感器如何交互！

我声明了一个全局结构体变量传递传感器参数，逻辑比较简单

lugl4313820

sipower 发表于 2023-12-3 08:20 我声明了一个全局结构体变量传递传感器参数，逻辑比较简单

我正在学习Model、View、Presenter结构，希望跟大佬交流学习一下。

秦天qintian0303

UI是设计是最费时的  

huihuihaha

老哥，咱们可以从touchgfx直接烧录到开发板？我这边一直烧录不成功

sipower

huihuihaha 发表于 2023-12-17 22:31 老哥，咱们可以从touchgfx直接烧录到开发板？我这边一直烧录不成功

必须可以啊，你用最新版的touchgfx试试呢