LVGL学习——动画 时间线

本文介绍如何使用LVGL库实现动画时间线,包括创建动画时间线、定义动画顺序和进度控制等关键操作。

实现效果

可是按定义的时间线播放动画

拖动进度条,定格动画进度

主要函数

时间线初始化及定义

 static lv_anim_timeline_t * anim_timeline = NULL;

/* Create anim timeline */
    anim_timeline = lv_anim_timeline_create();
    lv_anim_timeline_add(anim_timeline, 0, &a1);
    lv_anim_timeline_add(anim_timeline, 0, &a2);
    lv_anim_timeline_add(anim_timeline, 200, &a3);
    lv_anim_timeline_add(anim_timeline, 200, &a4);
    lv_anim_timeline_add(anim_timeline, 400, &a5);
    lv_anim_timeline_add(anim_timeline, 400, &a6);

    //没有动画时间线则创建
    if (!anim_timeline)
    {
        anim_timeline_create();
    }
    bool reverse = lv_obj_has_state(btn, LV_STATE_CHECKED);
    lv_anim_timeline_set_reverse(anim_timeline, reverse);//倒放时间线
    lv_anim_timeline_start(anim_timeline);

进度条使用

    if (!anim_timeline)
    {
        anim_timeline_create();
    }
    int32_t progress = lv_slider_get_value(slider);//获取进度条当前数值
    lv_anim_timeline_set_progress(anim_timeline, progress);//设置时间线进度


//动画执行顺序
static lv_anim_timeline_t * anim_timeline = NULL;
static lv_obj_t * obj1 = NULL;
static lv_obj_t * obj2 = NULL;
static lv_obj_t * obj3 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值