lvgl屏幕显示切换

lvgl屏幕的显示切换可以通过使用lv_scr_load和lv_scr_load_anim函数来实现。lv_scr_load函数用于直接加载一个屏幕，即切换到指定的屏幕。而lv_scr_load_anim函数则可以通过动画的方式显示切换到指定的屏幕，并可以设置切换动画的类型、时间和延迟等参数。此外，lvgl还支持局部刷新，即将屏幕划分为buffer的大小，并进行分块刷新。当只有局部画面需要刷新时，比如点击按钮后按钮变高亮，可以通过局部刷新来提高性能和节约内存。官方推荐将buffer大小设置为屏幕大小的1/10，如果拆分太小而刷新接口较慢，则可能导致帧率低下和拉窗帘效应。整屏幕刷新速度较快，但会占用较多的内存。

相关问题

lvgl 屏幕切换

### 实现屏幕切换

在 LVGL 中实现屏幕切换主要依赖于 `lv_scr_load()` 和 `lv_scr_load_anim()` 函数。这些函数用于加载新的屏幕对象作为当前活动的屏幕，并可以选择是否应用动画效果。

#### 创建页面和设置初始屏幕
为了实现屏幕之间的切换，首先需要定义多个页面（即不同状态下的 UI）。下面是一个简单的例子，展示了如何创建两个页面并实现在它们之间切换的功能：

#include "lvgl/lvgl.h"

static lv_obj_t * scr1;
static lv_obj_t * scr2;

// 创建第一页的内容
void create_page1(void) {
    scr1 = lv_obj_create(NULL);  // 创建新屏幕
    
    lv_obj_t * btn = lv_btn_create(scr1);
    lv_obj_set_size(btn, 120, 50);
    lv_obj_align(btn, LV_ALIGN_CENTER, 0, 0);

    lv_obj_add_event_cb(btn, event_handler, LV_EVENT_CLICKED, NULL);  // 添加按钮点击事件处理器
}

// 创建第二页的内容
void create_page2(void) {
    scr2 = lv_obj_create(NULL);  // 创建新屏幕
    
    lv_label_t * label = lv_label_create(scr2);
    lv_label_set_text(label, "Page Two");
    lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);

    lv_obj_add_event_cb(label, back_to_main_screen, LV_EVENT_CLICKED, NULL);  // 添加返回首页的事件处理器
}

// 初始化LVGL环境以及首次显示的屏幕
void init_gui(void){
    lv_init();
    
    /* Initialize the display and input devices here */
    // lv_disp_drv_register(&disp_drv);
    // lv_indev_drv_register(&indev_drv);

    create_page1();  // 构建第一个页面
    create_page2();  // 构建第二个页面

    lv_scr_load(scr1);  // 设置scr1为默认启动时显示的屏幕
}

上述代码片段中，在`init_gui`函数里调用了`create_page1`和`create_page2`来分别建立两个独立的页面布局[^5]。接着通过`lv_scr_load`指定了哪个页面应该最先呈现给用户查看。

#### 定义事件处理程序以触发屏幕转换
为了让用户能够在界面上交互从而改变视图，还需要编写相应的事件监听器。这里给出一个基本的例子说明如何响应用户的操作来进行屏幕间的跳转:

static void event_handler(lv_event_t * e) {
    lv_event_code_t code = lv_event_get_code(e);
    if(code == LV_EVENT_CLICKED) {
        lv_scr_load_anim(scr2, LV_SCR_LOAD_ANIM_FADE_ON, 300, 0, false);  // 切换至page2带淡入动画
    }
}

static void back_to_main_screen(lv_event_t * e) {
    lv_event_code_t code = lv_event_get_code(e);
    if(code == LV_EVENT_CLICKED) {
        lv_scr_load(scr1);  // 返回到page1不带任何特效
    }
}

在这个部分，每当检测到指定控件上的点击动作(`LV_EVENT_CLICKED`)发生时就会执行对应的逻辑去更新当前可见的屏幕。对于从 page1 跳转到 page2 的情况选择了带有渐变过渡效果的方式；而对于由 page2 回退到 page1，则采取了直接替换而不附加额外视觉变化的做法。

#### 主循环中的任务调度
最后不要忘记在一个无限循环内定期刷新 GUI 状态，以便及时反映所有的更改：

int main(void) {
    init_gui();

    while(1) {
        lv_task_handler();     // 处理所有待办的任务
        usleep(5 * 1000);      // 防止CPU占用过高
    }

    return 0;
}

这段主程序确保每次迭代都会检查是否有新的输入或定时器到期等情况，并据此调整屏幕上元素的位置、大小或其他属性。

lvgl 屏幕显示反向

### LVGL 屏幕显示反向解决方案

对于LVGL屏幕显示反向的问题，可以考虑调整图形库中的坐标系转换设置以及图像渲染的方向属性。当遇到横竖屏切换导致的90度旋转异常情况时，通常是因为某些控件未能正确响应新的方向变化。

针对此问题，在LVGL框架下有如下方法来修正：

#### 方法一：修改显示器对象配置
通过重新设定显示屏对象`disp_drv_t`结构体内的参数，特别是其中有关于像素顺序(`rotated`)和扫描模式(`scanline_func`)的部分，能够改变整个界面布局的方向[^1]。

static lv_disp_drv_t disp_drv;
lv_disp_drv_init(&disp_drv);
// 设置旋转角度为180度实现上下颠倒的效果
disp_drv.rotated = LV_DISP_ROT_180;  

#### 方法二：应用全局变换矩阵
利用LVGL提供的API函数`lv_obj_set_transform()`给根级别容器施加一个翻转效果，这会使得该容器及其子元素都受到影响而发生相应的变化[^2]。

lv_obj_t *scr = lv_scr_act();
lv_style_transform_t transform;
lv_style_transform_init(&transform);
lv_style_transform_set_angle_deg(&transform, 180); // 应用180度角的旋转变换即达到反转目的
lv_obj_add_style(scr, &transform, 0);

以上两种方式都可以有效地解决因设备姿态变动所引起的视觉呈现错误现象。值得注意的是，在实际开发过程中可能还需要额外处理触摸事件映射等问题以确保交互逻辑的一致性。