[littlevGL] porting littlevGL

一、What is littlevGL?

　　LittlevGL是一个免费的开源图形库，提供了创建嵌入式GUI所需的一些必备组件，具有易于使用的图形元素，美观的视觉效果和非常低的内存占用。

　　LittlevGL最大的优点是MIT开源协议，使用LittlevGL不用考虑代码开源的问题。所有代码采用C实现，代码体积约400K，能解决许多轻量级的UI绘制问题。

二、How to get the source code？

　　1、访问官方网站：https://littlevgl.com/

　　2、从GitHub中获取：https://github.com/littlevgl/lvgl

 

三、How to porting littlevGL?

　　porting LittlevGL在官网中有详细的过程，按照https://docs.littlevgl.com/en/html/porting/index.html上面的方法即可完成，下面我把我的porting过程描述一下。

　　1、概述。

　　　　LittlevGL的driver层非常简洁，非常方便连接我们的display driver，littlevGL仅仅向driver层传递一个display buff。我们也可以直接在Application层修改LittlevGL的buff达到进一步修改显示的目的。

                                                

　　2、修改config文件。

 　　　　LittlevGL的配置文件为lv_conf.h，通过修改#if ... #endif的方式可以选择我们需要打开与禁用的功能。

　　　　我们需要根据我们panel来配置分辨率与颜色深度：

　　　　1、LV_HOR_RES_MAX 显示器的宽分辨率

　　　　2、LV_VER_RES_MAX 显示器的高分辨率

　           3、LV_COLOR_DEPTH 显示器的颜色深度，当前有8/16/32三种配置（24需要用32来替代，最后修改display buff）。

　　3、创建callback函数。

　　　a. callback函数。

void flush_panel_cb(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p)
{
    /*The most simple case (but also the slowest) to put all pixels to the screen one-by-one*/
    int32_t x, y;
    for(y = area->y1; y <= area->y2; y++) {
        for(x = area->x1; x <= area->x2; x++) {
            put_px(x, y, *color_p)
            color_p++;
        }
    }

    /* IMPORTANT!!!
     * Inform the graphics library that you are ready with the flushing*/
    lv_disp_flush_ready(disp_drv);
}

 　　b. 把callback函数给全局panel对象。

static lv_disp_drv_t disp_drv;

void vlgl_init()
{
      lv_init();
      lv_disp_buf_init(...);
      lv_disp_drv_init(&disp_drv);
      disp_drv.buffer = &disp_buf;
      disp_drv.flush_cb =  flush_panel_cb;
      disp = lv_disp_drv_register(&disp_drv);
}