如何将lvgl移植到嵌入式linux

原创已于 2022-03-03 22:34:24 修改 · 2.6k 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#stm32 #linux #运维

于 2022-03-03 22:31:12 首次发布

本文详细指导如何将LVGL图形库移植到嵌入式开发板，涉及下载打包文件、配置编译链、修改源码、屏幕适配和构建过程，最终实现GUI在板载设备上的运行。

如何将lvgl移植到嵌入式开发板上

先下载打包文件ironspider/cmake_lvgl8.1 (gitee.com)
(这个是群友的打包文件)

将custom和generated两个文件夹添加到打包文件加的src目录下

在这里插入图片描述

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5IDAcbj9-1646317344875)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303210948505.png)]$

修改交叉编译链和添加目录源码

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Tuqp5HhJ-1646317344876)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303211317599.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ad8hJj7C-1646317344876)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303211152698.png)]$

注意交叉编译工具的路径，而且每个cmakelists.txt有设置到工具链的都要修改

去除不需要的库文件

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EXgDkm23-1646317344876)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303211615701.png)]$

这两个的在pc模拟时才用到的

修改main函数

#include “src/generated/gui_guider.h”
#include “src/generated/events_init.h”

lv_ui guider_ui;

setup_ui(&guider_ui);

events_init(&guider_ui);

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BtkEIvaS-1646317344876)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303212350867.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q0ufsgPQ-1646317505978)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303212507503.png)]$

修改屏幕像素

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qlVzRgoD-1646317344877)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303213427783.png)]$

进入build目录执行如下命令

cd …/;rm -rf build;mkdir build;cd build/;cma在这里插入图片描述
ke …;make -j12;

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bhlVKQaY-1646317344877)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303213931734.png)]$

最后将\build\bin目录下的程序上传的开发板上

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j0NkMuGB-1646317344877)(C:\Users\Zhang\AppData\Roaming\Typora\typora-user-images\image-20220303214021527.png)]$