lvgl 7.7.2 dev屏幕动画切换

  • 创建屏幕一

    lv_obj_t* one = lv_obj_create(lv_scr_act(), NULL);  //在默认屏上创建obj对象
    lv_obj_t* label = lv_label_create(one, NULL);        // 创建label  
    lv_obj_set_size(one, LV_HOR_RES, LV_VER_RES);       // 设置到屏幕大小
    lv_obj_align(label, one, LV_ALIGN_CENTER, 0, 0);    // label居屏幕中心对齐
    lv_obj_set_style_local_bg_color(one, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, 
    LV_COLOR_YELLOW);       // obj背景色设成黄色
    lv_label_set_text(label, "ONE");    // label显示ONE
  • 创建屏幕二

    lv_obj_t* two = lv_obj_create(NULL, NULL);   // 创建新屏幕但未加载到显示
    label = lv_label_create(two, NULL);         // 创建label
    lv_obj_set_size(two, LV_HOR_RES, LV_VER_RES);  //设置到屏幕大小
    lv_obj_align(label, two, LV_ALIGN_CENTER, 0, 0);  // 居中对齐
    lv_obj_set_style_local_bg_color(two, LV_OBJ_PART_MAIN, LV_STATE_DEFAULT, 
    LV_COLOR_BLUE);    // 背影色设成蓝色
    lv_label_set_text(label, "TWO");  // label上显示TWO
  • 动态切换到屏幕二

lv_scr_load_anim(two, LV_SCR_LOAD_ANIM_FADE_ON, 500, 5000, true); // 加载屏幕TWO,动画效果为LV_SCR_LOAD_ANIM_FADE_ON,切换时间为500ms,延迟5000ms后从第一屏开始切换,切换完成后删除屏幕一
  • 效果图

lvgl 7.7.2 dev屏幕动画切换_第1张图片

你可能感兴趣的:(little,VGL)