LVGL 8.2 Image styling and offset

Animation execution callback function

static void ofs_y_anim(void* img, int32_t v)
{
    
    lv_img_set_offset_y(img, v); // Set up image control y Direction shift 
}

Image styling and offset

/** * Image styling and offset */
static void lv_example_img_4(void)
{
    
    LV_IMG_DECLARE(img_skew_strip);  // Picture resource statement 
    static lv_style_t style;
    lv_style_init(&style);
    lv_style_set_bg_color(&style, lv_palette_main(LV_PALETTE_YELLOW)); // Background setting yellow 
    lv_style_set_bg_opa(&style, LV_OPA_COVER); // Transparency is Cover
    lv_style_set_img_recolor_opa(&style, LV_OPA_COVER);// Set the transparency of the recolor to Cover
    lv_style_set_img_recolor(&style, lv_color_black()); // Set the recolor color to black 
    lv_obj_t* img = lv_img_create(lv_scr_act()); //  establish Image object 
    lv_obj_add_style(img, &style, 0); // add to style
    lv_img_set_src(img, &img_skew_strip); // Set display picture source 
    lv_obj_set_size(img, 150, 100); //  Set size 
    lv_obj_center(img);  // centered 
    lv_anim_t a;
    lv_anim_init(&a);   // Initializing animation variables 
    lv_anim_set_var(&a, img); //  Set the controls for the associated animation img
    lv_anim_set_exec_cb(&a, ofs_y_anim);  // Set the animation to execute the callback function 
    lv_anim_set_values(&a, 0, 100); // Set the start and end values of playback 0~100
    lv_anim_set_time(&a, 3000); // Set animation playback duration 3000 millisecond 
    lv_anim_set_playback_time(&a, 500); //  Set the animation replay time 500 millisecond 
    lv_anim_set_repeat_count(&a, LV_ANIM_REPEAT_INFINITE); // Set the number of animation restarts , Infinite times 
    lv_anim_start(&a); // Start animation playback 
}

Run the renderings