[经验分享] 【DigiKey创意大赛】家庭共享智能药盒05+基于TouchGFX的UI程序设计

oet   2024-10-24 00:09 楼主
000

 
上一贴介绍人脸分辨程序的设计过程,实现了通过OPENMV分辨不同的人脸,并通过串口输出结果。本帖介绍基于TouchGFX的人机交互程序设计。
本作品人机交互共三个界面,分别是主页,取药页面,管理页面,下面分别介绍。
  1. 主页
    该页面是开机就显示的界面,设计图片如下。
    wd_000731cxttwwceefl3f7tc.png
    左半边是信息界面,主要显示年月日时间和温湿度。右半面放了两个按钮,分别指向两个主要功能页面。
    其中时间数据来自单片机自带的RTC。温湿度数据来自湿度温度传感器BME280。此时还未建立连接,显示随机数。
  2. 取药页面
    该页面是自动或手动取药界面,支持最多6个人存药,每个人最多支持十六种药品。设计图片如下。
    wd_000731zrmzzzwx260ererr.png
    取药方式分为两种情况:自动人脸识别方式和手动方式。当在主页点击“取药”按钮后,会启动摄像头自动识别人脸,如果识别成功,自动显示取药人和对应药盒编号。如果识别失败,则只能手动方式点击对应的人物按钮,在右边会显示药盒编号。取药人按照编号拿取药品即可。
  3. 管理页面
该页面用于设置人物和药品,并录入人脸信息。支持的人数和药品数和取药界面是一致的。设计图片如下。
wd_000731mlgnlzi9znr5igct.png
设置时,先点击左边人物角色,然后点击右边药盒号码,点亮哪个药盒号按钮就代表选中对应的药盒。然后点保存按钮存储设置信息。最后点击录入按钮启动人脸拍摄,人脸存储编号和选中的人物角色对应。
4、程序接口
目前界面程序已经完成,留出和其他外设的API接口,如下图。
wd_000731o8g4e024fq8m6sb0.png
等把外设接口调试完成后,加入对应的函数接口即可实现对应的功能。
完整界面操作演示见开头视频。

 

回复评论 (3)

界面简洁实用

点赞  2024-10-24 10:39

这是用的ST的那块板子啊?  

在爱好的道路上不断前进,在生活的迷雾中播撒光引
点赞  2024-10-25 13:28

4楼 oet 

引用: 秦天qintian0303 发表于 2024-10-25 13:28 这是用的ST的那块板子啊?  

STM32H7B3I-DK

这个开发板

https://www.st.com/en/evaluation-tools/stm32h7b3i-dk.html

点赞  2024-10-30 23:45
电子工程世界版权所有 京B2-20211791 京ICP备10001474号-1 京公网安备 11010802033920号
    写回复