LVGL V8动画

动画

/* INITIALIZE AN ANIMATION          		初始化一个动画
 *-----------------------*/
lv_anim_t a;
lv_anim_init(&a);

/* MANDATORY SETTINGS         				必选设置
 *------------------*/
/*Set the "animator" function       		设置“动画”功能*/
lv_anim_set_exec_cb(&a, (lv_anim_exec_xcb_t) lv_obj_set_x); 
/*Set the "animator" function*/
lv_anim_set_var(&a, obj); 
/*Length of the animation [ms]    			动画长度duration毫秒*/
lv_anim_set_time(&a, duration);
/*Set start and end values. E.g. 0, 150     开始值start,结束值end*/
lv_anim_set_values(&a, start, end);

/* OPTIONAL SETTINGS						可选设置
 *------------------*/
/*Time to wait before starting the animation [ms] 在开始动画之前等待的时间delay毫秒*/
lv_anim_set_delay(&a, delay);
/*Set path (curve). Default is linear  设置路径(曲线)。默认是线性的*/
lv_anim_set_path(&a, lv_anim_path_ease_in);
/*Set a callback to call when animation is ready.  设置一个回调函数,当动画准备好时调用 */
lv_anim_set_ready_cb(&a, ready_cb);
/*Set a callback to call when animation is started (after delay).  当动画启动时(延迟后)设置一个回调调用。 */
lv_anim_set_start_cb(&a, start_cb);
/*Play the animation backward too with this duration. Default is 0 (disabled) [ms] 在这个持续时间内向后播放动画。默认为0(禁用)[ms]*/
lv_anim_set_playback_time(&a, wait_time); 
/*Delay before playback. Default is 0 (disabled) [ms]  延迟在回放。默认为0(禁用)[ms]*/
lv_anim_set_playback_delay(&a, wait_time);
/*Number of repetitions. Default is 1.  LV_ANIM_REPEAT_INFINIT for infinite repetition 重复的数量。默认值为1。LV_ANIM_REPEAT_INFINIT表示无限重复*/
lv_anim_set_repeat_count(&a, wait_time);
/*Delay before repeat. Default is 0 (disabled) [ms]  重复前,先等待wait_time毫秒*/
lv_anim_set_repeat_delay(&a, wait_time);
/*true (default): apply the start vale immediately, false: apply start vale after delay when then anim. really starts.
True(默认):立即应用开始阀值,false:延迟后应用开始阀值。真正的开始。 */
lv_anim_set_early_apply(&a, true/false);

/* START THE ANIMATION
 *------------------*/
lv_anim_start(&a);                             /*Start the animation   开始动画*/

动画路径

可以设置 动画的路径 。在最简单的情况下,它是线性的,这意味着开始和结束之间的当前值线性变化。路径主要是根据动画的当前状态计算要设置的下一个值的功能。当前,有以下内置路径功能(回调函数):

  • lv_anim_path_linear 线性动画
  • lv_anim_path_step 一步到位
  • lv_anim_path_ease_in 一开始很慢,渐进效果
  • lv_anim_path_ease_out 最后的速度很慢,渐退效果
  • lv_anim_path_ease_in_out 开头和结尾都很慢,渐进和渐退效果
  • lv_anim_path_overshoot 超出最终值
  • lv_anim_path_bounce 从最终值反弹一点(就像撞墙一样)
lv_anim_path_t path;
lv_anim_path_init(&path);
lv_anim_path_set_cb(&path, lv_anim_path_overshoot);
lv_anim_path_set_user_data(&path, &foo); /* 自定义数据(可选) */

/* 在动画中设置路径 */
lv_anim_set_path(&a, &path);

速度与时间

lv_anim_speed_to_time(speed, start, end) 函数以毫秒为单位计算从给定速度的起始值到结束值所需的时间。
速度以单位/秒为单位进行解释。例如, lv_anim_speed_to_time(20,0,100) 将给出 5000 毫秒。
例如,在 lv_obj_set_x 单位为像素的情况下,因此20表示20 px / sec的速度,从位置0到100需要5s。

实时刷新label

static void set_value(void * var, int32_t v)
{
    
    
    lv_label_set_text_fmt(var, "%d", v);
}

void lv_100ask_demo_course_2_1_1(void)
{
    
    
    lv_obj_t * obj = lv_obj_create(lv_scr_act());
    lv_obj_set_size(obj, LV_PCT(20), LV_PCT(20));
    lv_obj_align(obj, LV_ALIGN_CENTER, 0, 0);

    lv_obj_t * label = lv_label_create(obj);
    lv_label_set_text(label, "Hello, LVGL!");
    lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);

    lv_anim_t a;
    lv_anim_init(&a);
    lv_anim_set_exec_cb(&a, set_value);
    lv_anim_set_var(&a, label);
    lv_anim_set_values(&a, 0, 100);					//设置开始和结束值
    lv_anim_set_time(&a, 2000);						
    lv_anim_set_repeat_delay(&a, 100);
    lv_anim_set_playback_time(&a, 500);
    lv_anim_set_playback_delay(&a, 100);
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE);
    lv_anim_start(&a);
}

请添加图片描述
如果需要实时刷新某个全局变量,可以直接将v替换为该全局变量gValue

static void set_value(void * var, int32_t v)
{
    
    
    lv_label_set_text_fmt(var, "%d", gValue);
}

实时刷新图像

static void set_value(void * img, int32_t v)
{
    
    
    lv_img_set_src(img, &image_256x80);        /*设置图片源 From variable*/
}

猜你喜欢

转载自blog.csdn.net/m0_37187962/article/details/125508748
v8