esp32+lvgl--桌面多功能天气时钟

功能:

1、通过网络获取日期、时间以及当地天气温度

2、有模拟时钟、背景切换、语言切换等功能

esp32+lvgl桌面时钟天气

一、准备材料

esp32开发板、1.28寸圆屏幕(非触摸)。

二、软件开发过程

1、获取网络天气和时间。

esp32自带2.4gwifi功能。使用wifi功能需包含头文件WiFi.h,直接利用esp32的wifi功能从网络获取时间,该时间会同步至esp32的内部时钟,若此时将wifi断开,esp32仍能获取准确的时间。

         完成这些设置后,创建一些变量来存储读取的时间数据,只需要利用lvgl的定时器来定时调用获取时间的函数,即能保证时间的准确。

         网络天气的获取是利用心知天气来获取的,但是免费版本只能获取当日的天气温度,但对于我们来说已经足够了,若需定位功能,则只需将api函数接口中的location改为ip即可,有时候定位可能不太准确。

         通过心知天气api获得的数据格式为json,可以利用开源库ArduinoJson来解析这些数据。若使用vscode+platformio开发,可以直接在库函数中搜索json。

         获取天气的完整程序如下,仍利用lvgl的定时器来定时调用该函数以保证天气的实时更新。

2、模拟时钟。

        模拟时钟我是利用lvgl的表盘控件meter来实现的,也可以自己贴一些表盘或者表针的图片,表盘和表针创建好以后,设置一个定时器,来定时的获取时间并更新指针位置。

 

 3、天气图片的加入

        天气图片可以在网上找,最好找一些矢量天气图片,可以在阿里巴巴矢量图标库上找。

         找到合适的图片以后,将这些图片放入lvgl的官方图片转换器:                                                         Online image converter - BMP, JPG or PNG to C array or binary | LVGL

          点击convert即能获得相应的c数组,使用前只需要先利用LV_IMG_DECLARE(test)声明就能直接使用。

4、动态图片的加入           

        动态图片与图片的原理相似,只不过动态图片是由多帧照片组合而来的。 先找一张尺寸合适的动态图片。

         以上图的猪背猪为例子,利用帧数拆分工具在线GIF图片帧修改工具 - UU在线工具

    将图片导入,拆分成帧并保存。

         将这些图片利用上述的官方图片转换工具分别转换成c数组,并分别命名为beizhu_1-beizhu_4,现在调用的文件中声明。

         再创建一个静态数组来存放这些文件。

 

         最后直接使用即可。

         效果图下图。

        在做这个时钟摆件的过程中遇到了很多问题,但是确实也真的学到了很多,所以一定要动手实践。

MagicBox超多功能桌面小电视固件 基于esp32-arduino LVGL天气时钟、相册、桌面投屏、软路由信息显示、bilibili粉丝等.zip嵌入式优质项目,资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目。 本人单片机开发经验充足,深耕嵌入式领域,有任何使用问题欢迎随时与我联系,我会及时为你解惑,提供帮助。 【资源内容】:包含完整源码+工程文件+说明,项目具体内容可查看下方的资源详情。 【附带帮助】: 若还需要嵌入式物联网单片机相关领域开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步。 【本人专注嵌入式领域】: 有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为你提供帮助,CSDN博客端可私信,为你解惑,欢迎交流。 【建议小白】: 在所有嵌入式开发中硬件部分若不会画PCB/电路,可选择根据引脚定义将其代替为面包板+杜邦线+外设模块的方式,只需轻松简单连线,下载源码烧录进去便可轻松复刻出一样的项目 【适合场景】: 相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可以基于此项目进行扩展来开发出更多功能
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Sense_long

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值