LVGL 8.2 Image styling and offset

动画执行回调函数

static void ofs_y_anim(void* img, int32_t v)
{
    lv_img_set_offset_y(img, v); //设置image控制y方向偏移
}

Image styling and offset

/**
* Image styling and offset
*/
static void lv_example_img_4(void)
{
    LV_IMG_DECLARE(img_skew_strip);  //图片资源声明
    static lv_style_t style;
    lv_style_init(&style);
    lv_style_set_bg_color(&style, lv_palette_main(LV_PALETTE_YELLOW)); //背景设置黄色
    lv_style_set_bg_opa(&style, LV_OPA_COVER); //透明度为Cover
    lv_style_set_img_recolor_opa(&style, LV_OPA_COVER);//设置重新重色的透明度为Cover
    lv_style_set_img_recolor(&style, lv_color_black()); //设置重新着色的颜色为黑色
    lv_obj_t* img = lv_img_create(lv_scr_act()); // 创建Image对象
    lv_obj_add_style(img, &style, 0); //添加style
    lv_img_set_src(img, &img_skew_strip); //设置显示图片源
    lv_obj_set_size(img, 150, 100); // 设置大小
    lv_obj_center(img);  //居中显示
    lv_anim_t a;
    lv_anim_init(&a);   //初时化动画变量
    lv_anim_set_var(&a, img); // 设置关联动画的控制img
    lv_anim_set_exec_cb(&a, ofs_y_anim);  //设置动画执行回调函数
    lv_anim_set_values(&a, 0, 100); //设置播放的起始值和结束值0~100
    lv_anim_set_time(&a, 3000); //设置动画播放持续时间3000毫秒
    lv_anim_set_playback_time(&a, 500); // 设置动画回播时间500毫秒
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE); //设置动画重新次数，无穷次
    lv_anim_start(&a); //启动动画播放
}

运行效果图