逐步前行头像

嵌入式图形库-LVGL v9.6-环境搭建(Windows+VSCode模拟)

一、开发软件包

   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

文章来源转载

评论

评论列表

微信小程序
QQ小程序

关于作者

点赞数:0
关注数:0
粉丝:0
文章:0
关注标签:0
加入于:--