文章目录
一、开发软件包
1、lv_port_pc_vscode项目
官网: https://lvgl.io
GitHub: https://github.com/lvgl/lv_port_pc_vscode
2、LVGL源码
GitHub: https://github.com/lvgl/lvgl
3、VSCode+插件
C/C++(Microsoft)
CMake Tools
CMake(语法高亮)
4、MinGW-w64(x86_64-posix-seh)
官网: http://mingw-w64.org
GitHub: https://github.com/niXman/mingw-builds-binaries
5、Cmake
官网: https://cmake.org
GitHub: https://github.com/Kitware/CMake
Ninja : https://github.com/ninja-build/ninja/releases
6、SDL2
官网: https://www.libsdl.org
GitHub: https://github.com/libsdl-org/SDL
二、构建开发环境
1、安装VSCode插件

2、新建环境目录
D:\LVGL
3、解压lv_port_pc_vscode项目到D:\LVGL目录

4、解压LVGL源码到D:\LVGL\lv_port_pc_vscode\lvgl目录

5、解压CMake工具包到D:\LVGL目录

6、ninja解压到D:\LVGL\CMake\bin目录下

7、解压GCC(mingw64)工具包到:\LVGL目录

8、解压SDL2包到D:\LVGL\lv_port_pc_vscode目录

三、构建流程及问题处理
1、使用VSCode打开项目

2、CMake可执行文件错误

错误原因:
下载的项目源码,没有配置CMake目录。
解决方法:
在simulator.code-workspace项目文件中添加CMake目录。
// settings.json section
"settings": {
//添加CMake目录
"cmake.cmakePath": "D:\\LVGL\\CMake\\bin\\cmake",
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"cmake.configureOnOpen": true,
"files.associations": {
"glob.h": "c",
"lvgl.h": "c"
},
//添加Ninja工具
"cmake.generator": "Ninja"
},
3、找不到SDL2

点击调试。

错误原因:
只解压了SDL2包,没有告知项目SDL2包的位置。
解决方法:
修改CMAkeLists.txt中添加SDL配置路径:
# Find and include SDL2 library
set(SDL2_DIR ${PROJECT_SOURCE_DIR}/SDL2-2.32.10/cmake)
find_package(SDL2 REQUIRED)
4、拷贝DLL和配置文件
将lv_port_pc_vscode\SDL2-2.32.10\x86_64-w64-mingw32\bin目录下的DAL2.DLL和sdl2-config文件拷贝至项目的bin目录下。

5、运行结果

转载自 CSDN-专业IT技术社区
原文链接:https://blog.csdn.net/Black_Leopard/article/details/168768702



