stm32h750移植lvgl

之前没做过ui，只用过lcd画几条线写点字，如果按键、菜单什么的全用线画也太麻烦了，所以需要一个ui库。

听说lvgl用的人很多，就打算裸机移植一下用用。本文移植的lvgl版本是lvgl6.2，也移植过8.2，但是flash占用陡增占了快300k，我用到了外置flash，涉及到bootloader+app，有机会下篇文章细说。

使用的单片机是stm32h750vbt6，内置的flash极小只有128k，ram倒是很大1M够用了，符合lvgl6.2的最低要求，当然具体用多少和屏幕大小有关，显存容量必须算进去。

lvgl源码下载地址https://github.com/lvgl/lvgl

lvgl具体使用直接在官网可以找到

下载完可见到这样的目录结构，我们只要使用到这几个文件夹的内容。

README.md里其实就有移植步骤，我这里走个流程。

为了方便直接把lvgl-release-v6文件夹复制到你自己的工程目录里，改名为lvgl（一定要改，不然后续头文件会定位错误，具体为什么可以看源码研究）。

几个文件夹、文件介绍：

src里是源码，把.c文件全部加入工程，什么都不用改。

porting里是提供的接口模板xxxtemplate，需要添加修改内容，是本地lcd、输入设备、文件系统和lvgl的桥梁（比如你有刀，但不会砍树，把刀递给lvgl它才能砍树）。

lv_conf_template.h顾名思义是配置文件的模板，需要修改。

 

具体移植流程：

lv_conf_template.h改名为lv_conf.h放到和lvgl文件夹同级的位置，否则会造成后续头文件找不到的问题。

porting内的文件同样把_template后缀都删了重命名。

 

最后添加进工程的文件如图所示：

 

把这几个文件的#if 0全部改成1使能这几个文件，并且把3个lv_port_xxx.c文件的include也删掉后缀_template和你自己的对应。

 

lv_port_disp.c 负责显示部分；

lv_port_fs.c 负责文件系统部分（file system）；

lv_port_indev.c 负责输入设备部分（input device）；

本次我只用到了显示部分，所以我只改了lv_port_disp.c和lv_conf.h

1、lv_conf.h修改此处，为你的屏幕像素大小，我的是160*90：

 

2、lv_port_disp.c ，找到void lv_port_disp_init(void)函数修改其内容如图，lvgl6.2提供三种范例，disp_buf_123对应ui处理速度慢中快可自己选择，我这里选择的2：

lv_port_disp.c ，继续添加你自己lcd的1初始化函数、2画点函数如图：

3、最后再自己配个1-10ms的中断，加入lv_tick_inc(x)函数给lvgl心跳计时用。x为你中断周期，我这里为1ms所以写1。

4、当然记得加头文件路径，用到多少加多少，我的如下：

5、开始编译，不报错基本就移植成功了：

可能报错的原因：

flash超出或者ram超出报memory错误这个没本法，可以用外置ram、flash。

头文件源文件找不到等错误可能是配置步骤没做对仔细检查。

使用lvgl范例：

然后在main函数内加入如下内容，进行测试：

 

意思是在lv_acr_act()图层上画一个方块，加一个label标签显示字号为15的“Hello, world”。

最后在主循环内加入lvgl的刷新函数，循环执行：

重新编译下载效果如下：

移植成功。

ui就是很吃存储空间的，lvgl高版本吃更多的内存但也代表着更丰富的功能，我后来移植的8.2版本对flash要求更高远超了128k，用到了外置qspi的flash，用到bootloader+app的结构，后续有机会细说。