[LVGL] 显示动画效果

原创

已于 2024-01-27 15:57:03 修改 · 6.3k 阅读

标签

#大数据

于 2022-07-14 18:10:11 首次发布

本文介绍了如何使用Git动画文件，将其转换为C文件数组，并利用LVGL库在嵌入式项目中实现连续图片动画。通过两种方案演示了如何在初始化和循环中播放太空人gif的逐帧动画。

首先找一个git动画文件【转成逐帧png】，或者连续几张图片，然后在Online image converter - BMP, JPG or PNG to C array or binary | LVGL 网页上将图片转成C文件数组数据。

Lvgl_image_convert_tool: 基于LVGl图片转换离线版封装的小工具，不仅有界面，还可以一键生成到项目里哦 (gitee.com)

这里用经典的太空人gif图。我提取了其中的7张图片转成文件 taikong_a1.c~~taikong_a7.c

将这些文件导入工程。在初始化的文件中添加代码 lvgl_v8.0+

#define MAX_IMGS_NUM  7 //定义动画帧的图片量
static const lv_img_dsc_t* my_anim_imgs[MAX_IMGS_NUM] =
{
    &taikong_a1,
    &taikong_a2,
    &taikong_a3,
    &taikong_a4,
    &taikong_a5,
    &taikong_a6,
    &taikong_a7
};

//方案1：初始化函数中调用 my_anim_imgs() 即可。
void astronauts_animing(void)
{

    lv_obj_t