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_第1张图片

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

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

stm32h750移植lvgl_第2张图片

几个文件夹、文件介绍:

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

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

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

具体移植流程:

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

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

stm32h750移植lvgl_第3张图片

 

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

stm32h750移植lvgl_第4张图片

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

stm32h750移植lvgl_第5张图片

其中——

  1. lv_port_disp.c 负责显示部分;
  2. lv_port_fs.c 负责文件系统部分(file system);
  3. lv_port_indev.c 负责输入设备部分(input device);

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

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

stm32h750移植lvgl_第6张图片

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

stm32h750移植lvgl_第7张图片

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

stm32h750移植lvgl_第8张图片

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

stm32h750移植lvgl_第9张图片

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

stm32h750移植lvgl_第10张图片

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

6、可能报错的原因:

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

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

7、使用lvgl范例:

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

 

stm32h750移植lvgl_第11张图片

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

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

stm32h750移植lvgl_第12张图片

重新编译下载效果如下:

stm32h750移植lvgl_第13张图片

移植成功。

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

你可能感兴趣的:(stm32,单片机,arm)