LPC54628 UI开发 4-littlvgl-V7移植

day_day

（一）LittleVGL-V7
LittleVGL最新已经更新到V7系列，上一篇帖子 LPC54628 UI开发 3-littlvgl 介绍的是NXP官方MCUXpresso SDK 中移植好的LittleVGL，这个版本比较老，很多特性没有，界面也不够酷炫。而原子最近更新的 LittleVGL 教程则是基于V6版本的，基本上搬过来全是报错，无法参考，因此想要移植最新版本。
当然最最新的版本是V7.3.0，可以从wiki页面看到，但我还没找到V7.3.0的源码，wiki页面release的也是V7.1.0。

（二）资料
源码：
github（由于M国对开源糟糕的态度，暂时无法直接登上去）：http://github.com/lvgl/lvgl
gitee（我看了下跟github进度是一样的）：http://gitee.com/mirrors/lvgl?_from=gitee_search
WIKI（里面有API手册下载地址）：http://docs.lvgl.io/v7/en/html/
手册下载地址：http://docs.lvgl.io/v7/en/html/ ... e6bc96bfb4/LVGL.pdf
上传一份V7.1.0的API手册备份：
LVGL.pdf (1.57 MB, 下载次数: 15)

2020-8-1 22:41 上传

点击文件名下载附件
中文网站（基本没用，只用于宣传，没有建设好，点啥都是进那个页面）：http://littlevgl.cn/

（三）移植
过程并不复杂：
1-把原本的littlevgl文件夹删掉，把Git下来的src里面的文件全部拷进去
2-替换掉source下面的lv_config.h，并进行一些基本配置，比如
设置纵宽像素：

1. #define LV_HOR_RES_MAX          (LCD_WIDTH)
   
2. #define LV_VER_RES_MAX          (LCD_HEIGHT)

复制代码

设置开辟内存的宏定义：

1. /* 1: use custom malloc/free, 0: use the built-in `lv_mem_alloc` and `lv_mem_free` */
   
2. #define LV_MEM_CUSTOM      1
   
3. #if LV_MEM_CUSTOM == 0
   
4. /* Size of the memory used by `lv_mem_alloc` in bytes (>= 2kB)*/
   
5. #  define LV_MEM_SIZE    (32U * 1024U)
   
6. 
   
7. /* Complier prefix for a big array declaration */
   
8. #  define LV_MEM_ATTR
   
9. 
   
10. /* Set an address for the memory pool instead of allocating it as an array.
    
11. * Can be in external SRAM too. */
    
12. #  define LV_MEM_ADR          0
    
13. 
    
14. /* Automatically defrag. on free. Defrag. means joining the adjacent free cells. */
    
15. #  define LV_MEM_AUTO_DEFRAG  1
    
16. #else       /*LV_MEM_CUSTOM*/
    
17. #  define LV_MEM_CUSTOM_INCLUDE "FreeRTOS.h"   /*Header for the dynamic memory function*/
    
18. #  define LV_MEM_CUSTOM_ALLOC   pvPortMalloc       /*Wrapper to malloc*/
    
19. #  define LV_MEM_CUSTOM_FREE    vPortFree         /*Wrapper to free*/
    
20. #endif     /*LV_MEM_CUSTOM*/

复制代码

把GPU禁用掉：

1. /* 1: Enable GPU interface*/
   
2. #define LV_USE_GPU              0   /*Only enables `gpu_fill_cb` and `gpu_blend_cb` in the disp. drv- */
   
3. #define LV_USE_GPU_STM32_DMA2D  0
   
4. /*If enabling LV_USE_GPU_STM32_DMA2D, LV_GPU_DMA2D_CMSIS_INCLUDE must be defined to include path of CMSIS header of target processor
   
5. e.g. "stm32f769xx.h" or "stm32f429xx.h" */
   
6. #define LV_GPU_DMA2D_CMSIS_INCLUDE

复制代码

其他可以继续探究，还能修改为深夜模式呢！

3-在AppTask里面（一个freertos的用户定义任务）添加自己UI
这里不贴代码了，有兴趣看我后面的gitee链接

4-修改littlevgl_support.c
主要是lv_port_disp_init、lv_port_indev_init及其回调函数，至于lv_port_pre_init就不要再调用了，详见我的工程分享
lv_port_disp_init：

1. void lv_port_disp_init(void)
   
2. {
   
3.     /*-------------------------
   
4.      * Initialize your display
   
5.      * -----------------------*/
   
6.     DEMO_InitLcd();
   
7. 
   
8.     /*-----------------------------------
   
9.      * Register the display in LittlevGL
   
10.      *----------------------------------*/
    
11. 
    
12.     lv_disp_drv_t disp_drv;      /*Descriptor of a display driver*/
    
13.     lv_disp_drv_init(&disp_drv); /*Basic initialization*/
    
14. 
    
15.     /*Set up the functions to access to your display*/
    
16.         static lv_disp_buf_t disp_buf;
    
17.     memset((void *)DEMO_BUFFER0_ADDR, 0, LCD_WIDTH * LCD_HEIGHT * LCD_FB_BYTE_PER_PIXEL*2);
    
18.     memset((void *)DEMO_BUFFER1_ADDR, 0, LCD_WIDTH * LCD_HEIGHT * LCD_FB_BYTE_PER_PIXEL*2);
    
19.     lv_disp_buf_init(&disp_buf, DEMO_BUFFER0_ADDR, DEMO_BUFFER1_ADDR, LCD_WIDTH * LCD_HEIGHT * LCD_FB_BYTE_PER_PIXEL);
    
20.     disp_drv.buffer = &disp_buf;
    
21. 
    
22.     disp_drv.hor_res = LCD_WIDTH;
    
23.     disp_drv.ver_res = LCD_HEIGHT;
    
24. 
    
25.     /*Used in buffered mode (LV_VDB_SIZE != 0  in lv_conf.h)*/
    
26.     disp_drv.flush_cb = DEMO_FlushDisplay;
    
27. 
    
28.     /*Finally register the driver*/
    
29.     lv_disp_drv_register(&disp_drv);
    
30. }

复制代码

其中的 DEMO_FlushDisplay 也要改一下声明：

1. static void DEMO_FlushDisplay(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p)

复制代码

lv_port_indev_init：

1. void lv_port_indev_init(void)
   
2. {
   
3.     lv_indev_drv_t indev_drv;
   
4. 
   
5.     /*------------------
   
6.      * Touchpad
   
7.      * -----------------*/
   
8. 
   
9.     /*Initialize your touchpad */
   
10.     DEMO_InitTouch();
    
11. 
    
12.     /*Register a touchpad input device*/
    
13.     lv_indev_drv_init(&indev_drv);
    
14.     indev_drv.type = LV_INDEV_TYPE_POINTER;
    
15.     indev_drv.read_cb = DEMO_ReadTouch;
    
16.     lv_indev_drv_register(&indev_drv);
    
17. }

复制代码

中间有个比较严重的闪屏问题，解决方法见：http://blog.csdn.net/qq_34917736/article/details/107738516


（四）PC仿真
1-PC仿真就更简单了，原子建议用code那个啥，不过我建议用Qt，因为有现成工程可用：
http://www.openedv.com/thread-312875-1-1.html

2-除了下载这个工程，还要下载SDL2，这个在Ubuntu下就是apt的事，windows下比较麻烦：
http://my.oschina.net/u/580100/blog/613760
总之就是进入http://www.libsdl.org/
下个 http://SDL2-devel-2.0.12-mingw.tar.gz (MinGW 32/64-bit)
应该大家的Qt都是用mingw的吧，不会有另辟蹊径用微软那套吧……

3-然后一般都是64位的，那就需要再改一下
把x86_64-w64-mingw32下面的lib、include靠到仿真工程的目录下，代替原本的lib、include

4-编译运行之后你会发现没有界面出来
不要慌
x86_64-w64-mingw32下面还有个bin文件夹，把SDL2.dll拷到Qt编译出来的二进制文件放置的文件夹下，譬如：
build-Lvgl_Simulator-Desktop_Qt_5_12_0_MinGW_64_bit-Debug\debug
再运行就有了

（五）工程
记得切换到V7分支，master分支还是V5版本的
工程分享：http://gitee.com/tinnu/EXC_Sreen_LittelVGL_LPC54628.git

阅读全文

jobszheng5

楼主威武啊

anny

这板子跟LPC54608有什么区别？能直接用楼主分享的工程吗？

day_day

anny 发表于 2020-8-3 16:37
这板子跟LPC54608有什么区别？能直接用楼主分享的工程吗？

628和608的板卡是一样的，规格好像也没有区别
https://www.nxpic.org.cn/module/ ... ;highlight=lpc54628
应该是可以直接下进去用的，如果有兼容问题，其实重建一个工程再把littlevgl和source下面的文件拷过去重新编译一次也不麻烦

kwcha333

谢谢楼主分享






如有冷气机滴水问题或其他维修与保养需要,真的可试试这家店子喔,服务质素很好,格价亦很实惠,师传很到家专业,
欲了解更多关于冷氣機滴水維修可前往https://pwd90.hk/想拆解冷氣機滴水嘅迷團？不如睇睇呢篇文，可能幫到你了解箇中原因-2了解更多