基于IDF的ESP32S3-LVGL DEMO移植

标签：disp DEMO void ESP32S3 drv lv key IDF LVGL

简介

ESP32-32出色的性价比，较好的性能与内存空间，可以好利用来完成GUI显示库的加载

LVGL

LVGL是一款比较流行的致力于MCU与MPU创建漂亮UI的嵌入式图形库，免费且开源。

硬件

硬件采用的是正点原子的ESP32-S3
屏幕使用的是SPI通信方式，配合IO口控制（RST,A0），来实现LCD屏幕的驱动

移植步骤

LVGL移植总的步骤主要是如下几步
1.调用lv_init();
2.初始化驱动
3.注册显示与输入驱动，显存的配置，显示响应回调函数的响应
4.lv_tick_inc(x) 在中断中定时更新，x设定取决于lv_tick_inc的调用频率
5.lv_timer_handler，定时调用，完成LVGL的响应（更新LVGL的响应）

具体示例

拷贝一个可以正常驱动LCD的工程

拷贝LVGL(V8.3.0)代码至工程,ESP32需要在指定的路径components下

由于ESP32并不需要去修改lv_conf.h这个文件来配置LVGL，可以通过设置项来修改LVGL的配置,具体的配置机制原理未深入了解

配置LVGL

在默认的设置下勾选MUSIC DEMO，由于MUSCI DEMO中还用到了其他字体，还需要勾选 Montserrat 12与Montserrat 16这两种字体

此时编译工程，应该是可以编译通过

移植LVGL相关代码

SemaphoreHandle_t xGuiSemaphore;

void lvgl_demo(void)
{
    lv_init();            //LVGL初始化前都需要调用
    lv_port_disp_init();  //显示驱动的移植，初始化及配对,输出  
    lv_port_indev_init(); //输入驱动的移植

    xGuiSemaphore = xSemaphoreCreateMutex();

    const esp_timer_create_args_t lvgl_tick_timer_args = {
        .callback = &increase_lvgl_tick,
        .name = "lvgl_tick"
    };
    esp_timer_handle_t lvgl_tick_timer = NULL;
    ESP_ERROR_CHECK(esp_timer_create(&lvgl_tick_timer_args, &lvgl_tick_timer));
    ESP_ERROR_CHECK(esp_timer_start_periodic(lvgl_tick_timer, 1 * 1000)); //创建定时器，更新LVGL的内部时钟基准

    lv_demo_music();
    while(1)
    {
        if( pdTRUE == xSemaphoreTake(xGuiSemaphore, portMAX_DELAY))
        {
            lv_timer_handler(); //定时调用，更新LVGL的实现
            xSemaphoreGive(xGuiSemaphore);
        }
        
        vTaskDelay(pdMS_TO_TICKS(5));
    }
}

static void increase_lvgl_tick(void *arg)
{
    lv_tick_inc(1);
}

显示初始化与绑定代码

void lv_port_disp_init(void)
{
    void *buf1 = NULL;

    buf1 = heap_caps_malloc(lcd_self.width * 10 * sizeof(lv_color_t), MALLOC_CAP_SPIRAM | MALLOC_CAP_8BIT); //申请显存

    static lv_disp_draw_buf_t disp_buf;
    lv_disp_draw_buf_init(&disp_buf, buf1, NULL, lcd_self.width * 10); //绑定显存，显存绑定有多种形式，这是一种开销最小的单显存设置

    static lv_disp_drv_t disp_drv;
    lv_disp_drv_init(&disp_drv);

    disp_drv.hor_res = lcd_self.width; //屏幕宽度
    disp_drv.ver_res = lcd_self.height; //屏幕高度

    disp_drv.flush_cb = lvgl_disp_flush_cb;

    disp_drv.draw_buf = &disp_buf;

    lv_disp_drv_register(&disp_drv); //初始化显示屏幕尺寸，并绑定屏幕更新函数
}

static void lvgl_disp_flush_cb(lv_disp_drv_t *drv, const lv_area_t *area, lv_color_t *color_map)
{
    lcd_color_fill(area->x1, area->y1, area->x2, area->y2, (uint16_t*)color_map);//显示屏区域更新像素点颜色，像素颜色在数组中
    lv_disp_flush_ready(drv); //发送更新完毕，这一句代码必须要有
}

输出驱动里面如果是空的也可以完成显示的移植，只是没有输入功能
demo示例，参考的正点原子提供的代码,有没有都不影响MUSIC DEMO的显示
MUSCI DEMO对这几个按键也没有响应，加上了，也无法判断是否已正常工作

void lv_port_indev_init(void)
{
    static lv_indev_drv_t indev_drv;

    keypad_init();

    lv_indev_drv_init(&indev_drv);
    indev_drv.type = LV_INDEV_TYPE_KEYPAD;
    indev_drv.read_cb = keypad_read;
    indev_keypad = lv_indev_drv_register(&indev_drv);
}

uint32_t g_last_key = 0;

void keypad_read(lv_indev_drv_t *indev_drv, lv_indev_data_t *data)
{
    uint32_t act_key = keypad_get_key();

    if(act_key != 0)
    {
        data->state = LV_INDEV_STATE_PR;

        switch(act_key)
        {
            case KEY0_PRES:
                act_key = LV_KEY_RIGHT;
                break;
            case KEY1_PRES:
                act_key = LV_KEY_NEXT;
                //back_act_key = KEY1_PRES;
                break;
            case KEY2_PRES:
                act_key = LV_KEY_LEFT;
                break;
            case KEY3_PRES:
                act_key = LV_KEY_ENTER;
                break;
            default:
                break;
        }

        g_last_key = act_key;
    }
    else
    {
        data->state = LV_INDEV_STATE_REL;
        g_last_key = 0;
    }

    data->key = g_last_key;
}

uint32_t keypad_get_key(void)
{
    return xl9555_key_scan(0);
}

显示效果

V9.1.0移植

大体步骤与V8.3.0一致，期间出了一些问题，在这里也记录下

屏幕驱动API有些变化,更新程序的形参考声明有所变化，直接转换成uint16_t*的16位RGB565颜色也可以正常显示，暂时没有深究具体原因

void lv_port_disp_init(void)
{
    void *buf1 = NULL;
    buf1 = heap_caps_malloc(lcd_self.width * 10 * 4, MALLOC_CAP_SPIRAM | MALLOC_CAP_8BIT);

    lv_display_t *disp = lv_display_create(lcd_self.width, lcd_self.height);
    lv_display_set_flush_cb(disp, lvgl_disp_flush_cb);

    lv_display_set_buffers(disp, buf1, NULL, lcd_self.width * 10 * 4, LV_DISPLAY_RENDER_MODE_PARTIAL);
}

static void lvgl_disp_flush_cb(lv_disp_t *drv, const lv_area_t *area, uint8_t *px_map)
{
    lcd_color_fill(area->x1, area->y1, area->x2, area->y2, (uint16_t*)px_map);
    lv_disp_flush_ready(drv);
}

无法正常显示，提示栈溢出

原因在于任务栈太小了，导致任务运行出错，增大任务栈即可正常工作。LVGL的使用，相对来说使用的STACK较深，系统默认的配置就不太够用

总结

LVGL需要配置显存跟内存，同时也需要考虑任务栈的问题，使用的过程中一定也会遇到很多问题，资料相对较少要自己多加摸索。
经过上述步骤 LVGL可以在ESP32上面运行DEMO，不过这个离会用LVGL还有一定的距离。
还需要查看更多的LVGL资料，以及ESP32-IDF编程的资料，才能进一步熟悉并使用。

标签：disp,DEMO,void,ESP32S3,drv,lv,key,IDF,LVGL
From： https://www.cnblogs.com/stupidpeng/p/18374386