LVGL学习笔记 23 - 动画Animimg

最新推荐文章于 2024-06-23 17:19:47 发布

pq113_6

最新推荐文章于 2024-06-23 17:19:47 发布

阅读量2.2k

点赞数

分类专栏： UI 文章标签： LVGL

本文链接：https://blog.csdn.net/pq113_6/article/details/129427626

版权

31 篇文章 98 订阅

订阅专栏

本文介绍了如何使用LVGL库创建动画，包括设置动画源（图像数组），设置间隔时间（毫秒），设置重复次数（无限循环），以及启动动画。注意，图像数组必须是静态或全局的，以避免显示问题。最后展示了如何调整对象样式并启动动画。

摘要由CSDN通过智能技术生成

动画就是对一组图像数组以固定的时间间隔显示。

lv_obj_t *animimg = lv_animimg_create(lv_scr_act());

1. 设置动画源

void lv_animimg_set_src(lv_obj_t * obj,  lv_img_dsc_t * dsc[], uint8_t num)

dsc是图像源数组，类型说明动画必须是图像结构体指针，不能是文件，注意，这个数组必须是static或全局的，否则显示会闪，num是图像个数。

static const lv_img_dsc_t* dsc[] = {&imgFan, &imgFan1, &imgFan2};
lv_animimg_set_src(animimg, (lv_img_dsc_t**)dsc, 3);

void lv_animimg_set_duration(lv_obj_t * img, uint32_t duration);

duration的单位是ms。

lv_animimg_set_duration(animimg, 200);

void lv_animimg_set_repeat_count(lv_obj_t * img, uint16_t count);

count设置为LV_ANIM_REPEAT_INFINITE时表示一直循环显示。

lv_animimg_set_repeat_count(animimg, LV_ANIM_REPEAT_INFINITE);

void lv_animimg_start(lv_obj_t * obj);

启动动画前可以设置样式之类的，比如指定图像显示的位置等。

lv_obj_align(animimg, LV_ALIGN_CENTER, 0, 0);
lv_animimg_start(animimg);

LVGL的动画不是阻塞式的。

关注

专栏目录