lvgl多页面切换卡

### LVGL多页面切换卡顿的解决方案

#### 一、减少不必要的重绘操作
在LVGL中，频繁的屏幕刷新会消耗大量CPU资源并可能导致视觉上的卡顿现象。为了改善这一状况，在设计应用程序时应当尽可能降低重绘频率。可以通过设置对象属性`lv_obj_set_hidden()`来隐藏不需要显示的对象而不是销毁再创建它们；对于静态内容可以考虑将其绘制到缓冲区当中只更新变动部分[^1]。

// 隐藏不必要显示的对象而非删除重建
if (some_condition) {
    lv_obj_set_hidden(my_object, true);
} else {
    lv_obj_set_hidden(my_object, false);
}

#### 二、启用图形缓存机制
当涉及到复杂的UI组件或动画效果时，开启图层缓存（Layer Cache）是一项有效的措施。通过调用`lv_disp_drv_register()`注册显示器驱动器函数并将参数中的`layer_blend_cb`设为非NULL值即可激活此特性。这使得每次渲染过程中只有变化过的区域会被重新计算，从而减轻处理器负担提升整体效率。

static void my_layer_blend(lv_disp_drv_t *disp_drv, const lv_area_t *area, lv_color_t *color_p, lv_opa_t opa)
{
    /* Implement custom blending here */
}

/* Register display driver with layer cache enabled */
lv_disp_drv_init(&disp_drv);
disp_drv.layer_blend_cb = my_layer_blend;
lv_disp_drv_register(&disp_drv);

#### 三、优化图片加载方式
如果应用中含有较多高质量图片，则建议预先加载这些素材至内存之中形成一个资源池供随时调用。另外还可以采用渐进式JPEG格式或者压缩率较高的PNG文件以减小传输体积加快读取速度。针对不同分辨率设备准备适配版本也能避免因缩放带来的额外开销。

// 使用预加载的方式处理图像数据
lv_img_cache_invalidate_src("path/to/image");
lv_img_create_from_file(parent_container, "path/to/image", &img_style);

// 对于支持多种尺寸的情况可按需调整大小
lv_img_dsc_t img_info;
lv_res_t res = lv_img_decoder_get_info("image_path", &img_info);
if(res == LV_RES_OK){
    int new_width = calculate_new_size_based_on_screen();
    lv_img_set_zoom(img_ptr, LV_IMG_ZOOM_NONE); // Reset zoom level before resizing
    lv_img_set_antialias(img_ptr, false);       // Disable anti-aliasing to speed up rendering
    lv_img_set_angle(img_ptr, 0);               // Ensure no rotation is applied which could slow down drawing
    lv_img_set_offset_x(img_ptr, -(new_width-img_info.header.w)/2);
    lv_img_set_offset_y(img_ptr, 0);
    lv_img_set_pivot(img_ptr, new_width/2, img_info.header.h/2);
    lv_img_set_scale(img_ptr, calcualte_scale_factor());
}