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具体使用直接在官网可以找到
下载完可见到这样的目录结构,我们只要使用到这几个文件夹的内容 。

stm32h750移植lvgl

文章插图
README.md里其实就有移植步骤 , 我这里走个流程 。
为了方便直接把lvgl-release-v6文件夹复制到你自己的工程目录里,改名为lvgl(一定要改,不然后续头文件会定位错误,具体为什么可以看源码研究) 。
stm32h750移植lvgl

文章插图
几个文件夹、文件介绍:
src里是源码,把.c文件全部加入工程,什么都不用改 。
porting里是提供的接口模板xxxtemplate , 需要添加修改内容 , 是本地lcd、输入设备、文件系统和lvgl的桥梁(比如你有刀 , 但不会砍树,把刀递给lvgl它才能砍树) 。
lv_conf_template.h顾名思义是配置文件的模板,需要修改 。
具体移植流程:
lv_conf_template.h改名为lv_conf.h放到和lvgl文件夹同级的位置,否则会造成后续头文件找不到的问题 。
porting内的文件同样把_template后缀都删了重命名 。
stm32h750移植lvgl

文章插图
 
stm32h750移植lvgl

文章插图
最后添加进工程的文件如图所示:
stm32h750移植lvgl

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

文章插图
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修改此处,为你的屏幕像素大?。业氖?60*90:
stm32h750移植lvgl

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

文章插图
lv_port_disp.c,继续添加你自己lcd的1初始化函数、2画点函数如图:
stm32h750移植lvgl

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

文章插图
4、当然记得加头文件路径 , 用到多少加多少 , 我的如下:
stm32h750移植lvgl

文章插图
5、开始编译,不报错基本就移植成功了:
stm32h750移植lvgl

文章插图
可能报错的原因:
flash超出或者ram超出报memory错误这个没本法,可以用外置ram、flash 。
头文件源文件找不到等错误可能是配置步骤没做对仔细检查 。
使用lvgl范例:
然后在main函数内加入如下内容,进行测试:
stm32h750移植lvgl

文章插图

stm32h750移植lvgl

文章插图
意思是在lv_acr_act()图层上画一个方块 , 加一个label标签显示字号为15的“Hello, world” 。
最后在主循环内加入lvgl的刷新函数,循环执行:
stm32h750移植lvgl

文章插图
重新编译下载效果如下:
stm32h750移植lvgl

推荐阅读