LVGL-8.4动态背景图(动态壁纸)

Cindre鞡

硬件平台：正点原子-阿波罗
MCU：STM32H743，标准主频-480MHz
LCD：7’ - 1024x600
RTOS：FreeRTOS
GUI：LVGL-8.4
---------------------------------------------------------------------------------
大致流程：
1.设置LVGL背景图：
关键代码：

1. lv_style_t style_bg;
   
2. lv_img_dsc_t bg_picture;
   
3. 
   
4. ...
   
5. 
   
6. lv_style_init(&style_bg);
   
7. lv_style_set_bg_img_src(&style_bg, &bg_picture);
   
8. lv_obj_add_style(lv_obj[id_screen], &style_bg, LV_PART_MAIN);
   
9. 
   
10. ...

复制代码

2.GIF图片解码：
参考正点原子的GIF解码即可，但注意解码数据放在一个大的缓存里，不是直接显示在屏幕上。

3.将解码的一帧GIF数据绘制到步骤1中的lv_img_dsc_t结构体中去

1. lv_obj_t *wallpaper_obj = NULL;
   
2. 
   
3. wallpaper_obj = lv_obj_create(NULL);
   
4. 
   
5. ...
   
6. 
   
7. PIC_GIF_Decode(wallpaper_buf);
   
8. 
   
9. bg_picture.header.cf = LV_IMG_CF_TRUE_COLOR;
   
10. bg_picture.header.always_zero = 0;
    
11. bg_picture.header.reserved = 0;
    
12. bg_picture.header.w = image_width;
    
13. bg_picture.header.h = image_height;
    
14. bg_picture.data_size = image_size;
    
15. bg_picture.data = wallpaper_buf;
    
16. 
    
17. lv_obj_remove_style(wallpaper_obj, &style_bg, LV_PART_MAIN);
    
18. lv_style_set_bg_img_src(&style_bg, &bg_picture);
    
19. lv_obj_add_style(wallpaper_obj, &style_bg, LV_PART_MAIN);
    
20. 
    
21. ...

复制代码

---------------------------------------------------------------------------------
GIF原图

fuyunliushuizjf

这个不错  必须点赞

Cindre鞡

fuyunliushuizjf 发表于 2025-10-20 14:37
这个不错  必须点赞

感谢点赞

hpdell

Cindre鞡 发表于 2025-10-20 16:25
感谢点赞

这个不错  必须点赞

Cindre鞡

hpdell 发表于 2025-11-22 17:23
这个不错  必须点赞

感谢点赞

hpdell

Cindre鞡 发表于 2025-11-27 09:06
感谢点赞

你那个点击音乐按钮图标后出现的界面是任何实现的呀  ？