【GUI挑战赛作品】基于HMI_Board的时钟小工具实现

发布于 2023-09-19 22:40:30 浏览：758 订阅该版

[tocm]

## 背景
本人是嵌入式开发新手，什么都想玩玩。对于rtos开发兴趣很大，rtt中文资料全，更新很频繁，所以学习rtt是个很好的方向。玩嵌入式，点亮屏幕是一个可玩性非常高的技能点。hmi-board是一块自带屏幕的开发板，非常适合拿来学习点亮屏幕。最好的是官方已经提供了lvgl例程，从来都是踩着前人的肩膀学习才是最快的方式。

## 实现功能
这次我的项目是设计一个时钟，模拟一个钟表，外接一个喇叭，实现一个闹钟的功能。ui设计不熟悉，从网络上找到一个表盘，找两个指针，实现时针和分针。后续会尝试网络获取天气或者万年历等数据，更新到ui上，让ui更炫酷一点。

## 功能设计

### 硬件结构

喇叭的原理图

![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20230914/eff03a43c8116039382aa22394cee479.png.webp)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20230914/3e314f2806f0d1efc296c2fcb3146a75.png)
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20230914/07d7666a041b1ecd9978d2337c280fb1.png.webp)
按键有三个 （user0、user1、user2），其中user0 和1可以使用中断，user2不可使用中断。
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20230917/94e1ffa1e9e266b68d97d86baeca196f.png.webp)

### 功能框图

使用两个按钮来设置要调节的时/分时间，通过第三个按键确认。短按用来调节时间，长按用于确认闹钟。
其中比较耗费时间的是钟表模拟ui的动画动作。秒针带动分针转动，而在一圈放置十二个白色圆圈圈，点亮相应的时点。
由于转换时间字符串比较耗时间，所有使用单独的线程用来刷新时间字符串，使时间数字显示和表针看起来都比较丝滑。
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20230923/ebed4a80484f8dbb108f4f3555c8a071.png.webp)

数学不太好，这十二个时点，画了好久。
![screenshot_image.png](https://oss-club.rt-thread.org/uploads/20230923/be29f3ff6de037e614c1dc4521c4d5b5.png.webp)

### 软件设计
hal_entry()
	启动线程，注册按键的回调，并读取第三个按键的动作
thread110_entry（）
	按键处理函数，并实现按键功能
setup_ui（）
	UI资源创建主线程，用来ui绘画，初始化所有的UI句柄，启动时间更新线程
set_SzNum_image（）
	点亮十二个时点，并默认隐藏
set_Myangle（）
	时针和分针的动画动作
setup_ui_input（）
	按键的动作代码
setupAlarmVal（）
	闹钟的功能实现

## 代码路径
https://gitee.com/ShuYuanZ/rtt_hmi_board
## 视频路径
https://www.bilibili.com/video/BV1g8411i7iS/