【ESP32_IDF】esp32 lvgl实现gif动图

最新推荐文章于 2025-03-16 19:42:13 发布

坚持学习的小王同学

最新推荐文章于 2025-03-16 19:42:13 发布

阅读量5.2k

点赞数 5

分类专栏： ESP-32 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_43504224/article/details/130705038

版权

ESP-32 专栏收录该内容

2 篇文章

订阅专栏

该文章介绍了如何在LVGL框架中启用GIF支持，通过lvglmenuconfig配置GIF解码库和自定义内存管理。然后详细阐述了如何使用LVGL官方工具将GIF图片转化为C语言数组，并将生成的代码集成到工程中。在代码实现部分，展示了如何创建和显示GIF动图对象，最终在屏幕上定位显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、LVGL 开启GIF配置

lvgl menuconfig 开启GIF decoder library 配置
lvgl menuconfig 开启LV_MEM_CUSTOM 配置

二、将GIF图片导为C语言数组

使用lvgl的官方tools（链接：lvgl 图片转化）
在这里插入图片描述

三、代码实现

将生成的.c文件放在自己的工程路径，并增加编译路径
在主函数中增加以下代码，即可看到gif动图实现

    LV_IMG_DECLARE(my_gif);
    lv_obj_t *img;

    img = lv_gif_create(lv_scr_act());
    lv_gif_set_src(img, &my_gif);
    lv_obj_set_pos(img, 120, 120);

四、实际效果

请添加图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

坚持学习的小王同学

关注关注

5
点赞
踩
31

收藏

觉得还不错? 一键收藏
8
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

【案例讲解】LVGL GIF开机动画和关机动画

Bigan(安)的博客

03-22

4572

LVGL本身有多个图层，我们采用最高的图层来画开机动画和关机动画，就可以将其覆盖其它图层，所以在创建对象时，可以使用。LVGL默认的GIF解码播放是按GIF图片中配置的循环标记来做的，而多数GIF是被设置了循环播放的功能的。因为退出时使用的回调是在UI线程的，而且是在当前对象只是，所以不能直接使用。因此，在GIF图片加载后，播放之前应当替换掉其循环播放的回调接口。可能会被其它定时任务打断，所以应当使用。回调中，修改OK键驱动中的。回调，即可用来监听OK键（在前面注册的动画完成。接口来完成销毁工作。

windows esp32 idf lvgl8.2 使用gif decoder

嘉禾天成‘s Blog

07-07

1008

windows esp32 esp-idf vscode lvgl8.2 gif decoder 提高人机交互效率及效果

8 条评论您还未登录，请先登录后发表或查看评论

ESP32-LVGL-GIF动态图片测试

11-07

案例测试完成

ESP32 LVGL：无法显示过大的GIF图片（修改VLGL RAM缓存大小）

天城电子嵌入式的博客

08-03

4738

在ESP32中，在总线上分为了数据内存总线（DRAM、DROM）和指令内存总线（IRAM、IROM），指令存储器是可执行的，只能通过4字节对齐的字来读写。数据内存是不可执行的，可以通过单个字节操作访问。其默认为48K，因此对于120*120的GIF，就无法进行解码，也就无法显示了。使用LVGL可显示64 * 64的GIF，但是却无法显示120*120的GIF。一般来说，DRAM用来存储可读可写的数据，IRAM用来存储只读数据。按理来说，ESP32的RAM空间有512KB，是足够解码器使用的。

esp32-idf LVGL使用spiffs显示图片和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 LVGL ILI9488 3.5寸屏幕显示GIF图片

qq_44022379的博客

08-25

2721

ESP32 lvgl展示gif

lv_port_esp32:LVGL移植到ESP32，包括各种显示和触摸板驱动程序

05-13

用于ESP32的LVGL项目这是一个ESP32演示项目，展示了LVGL v7，并支持多个显示控制器和触摸控制器。该演示应用程序是存储库中的lv_demo_widgets项目。 ESP-IDF版本需要4.2。注意：我们正在尝试使此存储库向后兼容，鼓励使用idf.py。使用的LVGL版本：7.9。使用的lv_examples版本：7.9。表中的内容 TFT显示器的示例演示：单色支持：显示和触摸控制器现在，显示和触摸（indev）控制器位于其自己的存储库中，您可以在找到它。要报告任何问题或添加新的显示或触摸（indev）驱动程序，可以在lvgl_esp32_drivers库中进行。开始吧先决条件 ESP-IDF框架。笔记该项目尝试与ESP-IDF v3.x和v4.0兼容，但建议使用v4.0。说明假设您使用的是v4.x工具链，否则请使用make命令，例如，而不

物联网嵌入式ESP32开发例程10-LVGL开源图形库之lv-bar基础对象库进度条的显示.rar

04-20

1、嵌入式物联网ESP32项目实战开发。例程经过精心编写，简单好用。 2、代码使用Visual Studio Code + ESP-IDF开发，C语言编程。例程在ESP32-S3上运行。若在其他型号上运行，请自行调整。 3、如果接入其他传感器，请...

物联网嵌入式ESP32开发例程44-LVGL开源图形库之显示GIF格式图片.rar

04-20

ESP32驱动GC9A01圆形屏幕显示图片并按照设定的时间自动更换.zip

12-24

初始化过程中，需要发送一系列的命令和数据到GC9A01，这些可以通过ESP32的库函数实现，如ESP32的spi_device_handle_t结构体和spi_transaction_t结构体来构造和发送SPI命令。在显示图片时，ESP32需要将图片数据转换...

【花雕学编程】Arduino LVGL 之限制计数范围的计数器

雕爷学编程

11-26

710

在开发过程中，关注范围设置、用户交互和性能考虑等关键因素，将有助于创建高质量的用户界面，确保系统的稳定性和用户的满意度。5、创新：Arduino可以让你用电子的方式来表达你的创意和想象，你可以用Arduino来制作各种有趣和有用的项目，如机器人、智能家居、艺术装置等。LVGL不仅可以在Arduino上运行，还可以在多个嵌入式平台和操作系统上使用，包括ESP32、STM32、Linux等，具有良好的跨平台性。例如，减少不必要的重绘，使用图像缓存等方法，提高界面的响应速度和流畅度。

【LVGL】LVGL8.1 使用GIF库

presf的博客

12-19

9593

LVGL8.1 使用GIF库

[LVGL] 显示动画效果

wabil的专栏

07-14

5703

首先找一个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-BMP，PNG，JPEG，GIF】

sinat_23896491的博客

03-27

4694

如果该宏定义设置为 1，则启用 PNG 解码库，否则不启用该解码库。

lvgl gif

03-08

<think>好的，用户想查找与LVGL相关的GIF资源或教程。我需要先理解LVGL是什么，然后看看它是否支持GIF格式的资源。LVGL是一个开源的嵌入式图形库，常用于嵌入式设备的UI开发。GIF动画在UI中常用于加载指示或简单动画，所以用户可能需要在LVGL项目中集成GIF。首先，我应该回忆LVGL官方文档是否提到了GIF的支持。记得LVGL有一个GIF解码器模块，可能需要通过配置启用。用户需要确保他们的项目配置中包含GIF支持，可能需要使用像lv_gif组件。然后，用户可能需要具体的示例代码或教程。官方示例可能存放在GitHub仓库中，比如lv_examples或者lv_port_*项目。需要检查是否有使用lv_gif的示例，例如在lv_examples/src/widgets/gif/下的例子。另外，用户可能需要第三方教程或资源。GitHub、博客或论坛如Stack Overflow可能有相关教程。比如，在LVGL的官方论坛或社区，用户可能分享过如何集成GIF的经验。还要注意引用用户提供的参考资料，但现有的引用似乎主要关于文件路径和MapServer，可能与当前问题无关。但可能需要确保在回答中正确引用相关资源。接下来，用户可能需要知道如何将GIF文件转换为LVGL可用的格式，或者如何优化GIF性能，因为嵌入式设备资源有限。因此，生成相关问题时应涵盖这些方面。最后，确保回答符合系统指令：正确使用LaTeX格式，结构清晰，生成相关问题，并用中文回答。需要验证所有链接和示例是否存在，避免提供错误信息。</think>关于LVGL中使用GIF资源的实现方法，以下是分步骤说明： 1. **启用GIF解码模块** 需在`lv_conf.h`配置文件中启用GIF支持： ```c #define LV_USE_GIF 1 #define LV_USE_FS_POSIX 1 // 启用文件系统支持 ``` 建议将GIF文件转换为C数组格式存储，可使用[LVGL在线图片转换工具](https://lvgl.io/tools/imageconverter)生成$code_1$结构体数据[^5] 2. **加载GIF动画** 使用`lv_gif_create`函数创建对象： ```c lv_obj_t * gif = lv_gif_create(lv_scr_act()); lv_gif_set_src(gif, "A:path/to/anim.gif"); // 文件路径格式需符合LVGL文件系统规则 ``` 3. **性能优化建议** - 限制GIF分辨率不超过$320 \times 240$像素 - 设置帧率$fps \leq 15$通过`lv_gif_set_loop(gif, LV_ANIM_REPEAT_INFINITE)` - 使用硬件加速时注意显存分配公式： $$BufferSize = width \times height \times bpp \times 2$$