ESP32 移植LVGL8.0播放GIF

已于 2022-04-24 11:01:42 修改
阅读量2.1k 收藏 1
点赞数
分类专栏： ESP32 文章标签： LVGL ESP32
于 2022-04-24 10:54:55 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qtrpio/article/details/124375269
版权
本文介绍了如何在ESP32上移植LVGL8.0库并实现GIF动画的播放。首先，通过配置LVGL和ESP32驱动使示例项目运行起来，接着将GIF拆分为多张PNG图片并转换为C数组，然后在代码中添加显示逻辑。最后解决了颜色显示问题，成功实现了GIF的正常播放。
摘要由CSDN通过智能技术生成

目录

基础准备：

一、参数配置

        1.1、lv_examples configuration

        1.2、LVGL configuration

         1.3、LVGL ESP Drivers：

       1.4、主函数设置：

二、GIF的显示：

2.1   gif拆分及转码    

2.2、添加gif显示逻辑         

2.4、解决颜色显示问题

基础准备：

        前几篇文章有演示过移植LVGL，因此本篇文章不再讲解如何移植LVGL。我们直接网上找到一个git仓库，在此先感谢作者：

ESP32移植LVGL8演示demohttps://gitee.com/jacklin99999/lvgl_v8_esp32.git

        刚clone来的项目基本不能正常编译，我们需要对项目进行配置，这里简单说一下：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
嘉禾天成
关注
专栏目录
订阅专栏
【案例讲解】LVGL GIF开机动画和关机动画
Bigan(安)的博客
03-22 3232
LVGL本身有多个图层，我们采用最高的图层来画开机动画和关机动画，就可以将其覆盖其它图层，所以在创建对象时，可以使用。LVGL默认的GIF解码播放是按GIF图片中配置的循环标记来做的，而多数GIF是被设置了循环播放的功能的。因为退出时使用的回调是在UI线程的，而且是在当前对象只是，所以不能直接使用。因此，在GIF图片加载后，播放之前应当替换掉其循环播放的回调接口。可能会被其它定时任务打断，所以应当使用。回调中，修改OK键驱动中的。回调，即可用来监听OK键（在前面注册的动画完成。接口来完成销毁工作。
ESP32 LVGL ILI9488 3.5寸屏幕显示GIF图片
qq_44022379的博客
08-25 2389
ESP32 lvgl展示gif
LVGL从SD卡读取图片并显示到MCU LCD屏详细笔记教程
最新发布
weixin_49337111的博客
08-27 1543
LVGL支持BMP、PNG、JPG和GIF的图片显示，LVGL在MCU设备上显示图片主要如下3种方法：1、将图片转码成源代码，编译时，一起编译到程序代码中2、将图片转码成二进制bin文件，将图片拷贝到SD卡中，程序运行时进行读取显示3、将图片直接拷贝到SD卡中，通过LVGL的解码库解析显示图片。本文重点讲解如何使用LVGL在MCU设备上读取SD卡上的图片文件显示。
【LVGL 学习】LVGL 加载 GIF 动态图片
一名嵌入式界的小学生
11-07 1万+
1. 使用环境 arduino IDE ESP32 主控 屏幕使用 ST7789 驱动，240*240像素TFT屏幕 LVGL的环境搭建查看文章： https://blog.csdn.net/shileiwu0505/article/details/121194963 2. 使用到的文件 gifdec.c gifdec.h lv_gif.c lv_gif.h 主要使用以上四个文件，以上四个文件在在 https://github.com/lvgl 可以找到，但是注意，要是要在LVGL8.0以上版
【ESP32_IDF】esp32 lvgl实现gif动图
weixin_43504224的博客
05-16 3350
esp_32 esp32_idf lvgl gif将生成的.c文件放在自己的工程路径，并增加编译路径。在主函数中增加以下代码，即可看到gif动图实现。
ESP32 LVGL：无法显示过大的GIF图片（修改VLGL RAM缓存大小）
天城电子嵌入式的博客
08-03 3458
在ESP32中，在总线上分为了数据内存总线（DRAM、DROM）和指令内存总线（IRAM、IROM），指令存储器是可执行的，只能通过4字节对齐的字来读写。数据内存是不可执行的，可以通过单个字节操作访问。其默认为48K，因此对于120*120的GIF，就无法进行解码，也就无法显示了。使用LVGL可显示64 * 64的GIF，但是却无法显示120*120的GIF。一般来说，DRAM用来存储可读可写的数据，IRAM用来存储只读数据。按理来说，ESP32的RAM空间有512KB，是足够解码器使用的。
搞定LVGL8.2不能显示gif的问题
liangjn1984的博客
07-17 1875
LVGL GIF
ESP32-LVGL-GIF动态图片测试
11-07
【ESP32-LVGL-GIF动态图片测试】 在嵌入式系统开发中，ESP32是一款广泛应用的微控制器，以其强大的性能、丰富的外设接口和低功耗特性深受开发者喜爱。LVGL（LittlevGL）则是一个轻量级的图形库，用于创建具有丰富...
esp32Lvgl移植文件
04-23
ESP32 LVGL移植文件是将LVGL图形库适配到ESP32微控制器上的一个项目，主要目标是为ESP32平台提供高效且功能丰富的图形用户界面（GUI）支持。LVGL是一款开源的轻量级图形库，适用于嵌入式系统，其设计简洁、性能优异...
哔哩哔哩小电视 采用esp32作为主控，lvgl8.0界面设计，基于idf4.3开发 支持smartconfig或微信airki
01-07
哔哩哔哩小电视 采用esp32作为主控，lvgl8.0界面设计，基于idf4.3开发 支持smartconfig或微信airkiss配网，网络连接显示 网络获取时间 天气显示 温湿度采集 粉丝数显示 mqtt温湿度上传
基于Arduino框架下的ESP32-S3移植LVGL教程
08-14
基于Arduino框架下的ESP32-S3移植LVGL教程
LVGL动态图GIF实现 v7 version
aikuangshu6227的博客
07-14 2358
lvgl v7 版本实现动图GIF
LVGL基础篇-显示图片
SongYuLong
12-19 9630
void lv_img_set_src(lv_obj_t * obj, const void * src)函数 lv_img_decoder_get_info(src, &header);void lv_img_set_src(lv_obj_t * obj, const void * src) 设置图片数据源。需要先使用LV_IMG_DECLARE(xxx) 声明要lv_img_dsc_t 类型的图像结构。_LV_LL_READ实际是通过宏定义的方式遍历调用解码器列表回调函数。
[LVGL] 显示动画效果
wabil的专栏
07-14 4943
首先找一个git动画文件 【转成逐帧png】，或者连续几张图片，然后在Online image converter - BMP, JPG or PNG to C array or binary | LVGL 网页上将图片转成C文件数组数据。这里用经典的太空人gif图。 我提取了其中的7张图片转成文件 taikong_a1.c~~taikong_a7.c将这些文件导入工程。在初始化的文件中添加代码.....................
lvgl的图片使用
kelleo的博客
01-28 1万+
界面库lvgl使用图片有三种方式： 1、将图片转换为源文件使用 转为源文件使用则需要使用在线或者离线图片转换工具，在线转换工具可使用官方提供的https://lvgl.io/tools/imageconverter 离线转换工具可以用git上大神封装的Windows版本的Lvgl_image_convert_tool: 基于LVGl图片转换离线版封装的小工具，不仅有界面，还可以一键生成到项目里哦 (gitee.com)https://gitee.com/gz...
lvgl8.2 img 图片显示
热门推荐
zhbi98 的技术 Blogs
04-06 2万+
1. lvgl 图片显示源 为了提供良好的图片显示灵活性，所以显示图像的来源可以是以下三种 代码中的一个变量（一个带有像素颜色数据的 C 数组）。 存储在外部的文件（比如 SD 卡）。 带有符号的文本。 2. 内部图片 对于源码内部图片（将图片转换为图片数组）想要将 PNG，JPG 或 BMP 格式的图像生成像素颜色数据数组，这需要使用专门的图片转换工具，刚好 lvgl 官方也为我们提供了这样的工具，该工具为网页版本，所以需要联网在线使用。具体样式和使用方法如下图所示。 具体链接：https
LVGL入门（基于ESP32-IDF）
qq_40773212的博客
10-11 988
主要参考资料：B站up主 工科男孙老师《花了4天时间学习LVGL，学习笔记分享给你~》B站up主 菜大毛QAQ《lvgl8学习笔记》系列B站【乐鑫全球开发者大会】DevCon23 #17 ｜HMI 智能屏解决方案。
ESP32学习，驱动LED点阵屏，显示GIF动图
u011625956的博客
03-21 1035
网上找了好久，无奈小白看不懂，测试了好多遍，终于成功了。
esp32 移植lvgl
08-26
要在ESP32上移植LVGL，可以使用LVGL官方提供的lv_port_esp32项目，这是一个已经移植好的ESP32项目，只需要将其完整克隆下来后进行编译和运行即可。在自己创建的项目中，只需要克隆component文件夹中的文件。lv_examples文件夹中的演示demo在实际项目中可以选择不克隆。而lvgl文件夹则是LVGL库的源代码，使用LVGL必须要克隆。lvgl_esp32_drivers文件夹是基于ESP32的屏幕驱动，其中包含了多种屏幕驱动，可以直接使用。移植LVGL到ESP32的具体步骤可以参考LVGL官方提供的文档和移植指南。同时，还可以使用esp32_arduino_Lvgl驱动移植文件，其中包含了lvgl源驱动库、TFT屏幕驱动库以及移植好的esp32_arduino_Lvgl工程文件，可以方便地进行LVGL在ESP32上的移植。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [ESP32移植LVGL](https://blog.csdn.net/qq619203312/article/details/116013886)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [esp32Lvgl移植文件](https://download.csdn.net/download/mengquaner/85209702)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

嘉禾天成

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

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

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

打赏作者

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

抵扣说明：

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

余额充值