之前没做过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](http://img.zhejianglong.com/231019/051K32058-0.png)
文章插图
README.md里其实就有移植步骤 , 我这里走个流程 。
为了方便直接把lvgl-release-v6文件夹复制到你自己的工程目录里,改名为lvgl(一定要改,不然后续头文件会定位错误,具体为什么可以看源码研究) 。
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K33637-1.png)
文章插图
几个文件夹、文件介绍:
src里是源码,把.c文件全部加入工程,什么都不用改 。
porting里是提供的接口模板xxxtemplate , 需要添加修改内容 , 是本地lcd、输入设备、文件系统和lvgl的桥梁(比如你有刀 , 但不会砍树,把刀递给lvgl它才能砍树) 。
lv_conf_template.h顾名思义是配置文件的模板,需要修改 。
具体移植流程:
lv_conf_template.h改名为lv_conf.h放到和lvgl文件夹同级的位置,否则会造成后续头文件找不到的问题 。
porting内的文件同样把_template后缀都删了重命名 。
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K32b2-2.png)
文章插图
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K33463-3.png)
文章插图
最后添加进工程的文件如图所示:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K31631-4.jpg)
文章插图
把这几个文件的#if 0全部改成1使能这几个文件,并且把3个lv_port_xxx.c文件的include也删掉后缀_template和你自己的对应 。
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K32195-5.png)
文章插图
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](http://img.zhejianglong.com/231019/051K32X3-6.png)
文章插图
2、lv_port_disp.c ,找到void lv_port_disp_init(void)函数修改其内容如图,lvgl6.2提供三种范例 , disp_buf_123对应ui处理速度慢中快可自己选择,我这里选择的2:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K3J52-7.png)
文章插图
lv_port_disp.c,继续添加你自己lcd的1初始化函数、2画点函数如图:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K34047-8.png)
文章插图
3、最后再自己配个1-10ms的中断,加入lv_tick_inc(x)函数给lvgl心跳计时用 。x为你中断周期,我这里为1ms所以写1 。
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K34I7-9.png)
文章插图
4、当然记得加头文件路径 , 用到多少加多少 , 我的如下:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K36193-10.png)
文章插图
5、开始编译,不报错基本就移植成功了:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K35c5-11.png)
文章插图
可能报错的原因:
flash超出或者ram超出报memory错误这个没本法,可以用外置ram、flash 。
头文件源文件找不到等错误可能是配置步骤没做对仔细检查 。
使用lvgl范例:
然后在main函数内加入如下内容,进行测试:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K35114-12.png)
文章插图
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K323V-13.png)
文章插图
意思是在lv_acr_act()图层上画一个方块 , 加一个label标签显示字号为15的“Hello, world” 。
最后在主循环内加入lvgl的刷新函数,循环执行:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K35518-14.png)
文章插图
重新编译下载效果如下:
![stm32h750移植lvgl](http://img.zhejianglong.com/231019/051K33M3-15.jpg)
推荐阅读
- esp-idf 移植 lvgl8.3.3
- 樟树移植需注意哪些事项?
- 再生障碍性贫血骨髓移植需要多少钱 再生障碍性贫血骨髓移植多少钱
- 你的身体原来这么值钱 再生障碍性贫血骨髓移植多少钱
- 试管移植后几天可以洗澡 试管移植后都是几天着床
- 雪松小苗移植技术需要注意什么
- 白玉兰什么时候可以移植?什么时候可以嫁接?
- 移植多少天能看到胎芽 胎囊多少天能看到胎芽
- 脐带血造血干细胞是间充质干细胞吗 神经干细胞移植多少钱
- 仙人掌怎么移植能活 仙人掌怎么移植