LVGL 8.2 Image styling and offset

最新推荐文章于 2024-09-10 10:45:42 发布

风雨依依

最新推荐文章于 2024-09-10 10:45:42 发布

阅读量338

点赞数

分类专栏： little VGL C/C++ 文章标签：动画

本文链接：https://blog.csdn.net/mygod2008ok/article/details/125477219

版权

C/C++ 同时被 2 个专栏收录

164 篇文章 11 订阅

订阅专栏

little VGL

133 篇文章 113 订阅

订阅专栏

这个示例展示了如何在LVGL图形库中创建一个Image对象，并应用自定义样式。通过初始化动画变量，设置动画执行回调函数`ofs_y_anim`来改变图片的y轴偏移，从而实现图片上下移动的视觉效果。动画设置包括持续时间、回播时间和无限重复，使得图片在3秒内从0到100的偏移值之间动态变化。

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

动画执行回调函数

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); //启动动画播放
}