【Embedded Development】【LVGL】基于Windows的LVGL模拟界面开发 📅 2026/7/13 22:11:57 一、下载1.1 模拟器其中有两个蓝色链接一个是lvgl源码一个是驱动需要分别点击下载并复制到lv port pc 文件夹中对应位置都要记住下载对应分支的对应源码和驱动项目版本lvgl9版本以上内部自带lvgl driver项目lvgl/lv_port_pc_eclipse at release/v8.31.2 lvgl源码lvgl/lvgl at release/v8.31.3 驱动项目lvgl/lv_drivers at release/v8.31.4 编译器mingw如果下载的是压缩包请自行将其类似的bin路径添加到系统环境变量PATH中https://sourceforge.net/projects/mingw-w64/files/mingw-w64/1.5 cmake如果下载的是压缩包请自行将其类似的bin路径添加到系统环境变量PATH中CMake - Upgrade Your Software Build System1.6 SDL2如果下载的是压缩包请自行将其类似的bin路径添加到系统环境变量PATH中Releases · libsdl-org/SDL · GitHubSDL\SDL2-devel-2.32.10-mingw\SDL2-2.32.10\x86_64-w64-mingw32\bin1.7 vscodeVisual Studio Code - The open source AI code editor | Your home for multi-agent development1.8 vscode插件二、工具配置2.1 将SDL2中的D:\SoftwaresHub\SDL\SDL2-devel-2.32.10-mingw\SDL2-2.32.10\x86_64-w64-mingw32\里的文件复制到mingw的x86_64-w64-mingw32中2.2 工程文件配置驱动项目和lvgl源码放在模拟器下注意后续我重新clone的是v9.3因为8.3版本不知什么原因一直报错顶层的lv config.h文件与lvgl源码中的文件产生冲突无法解决重新换版本。如果读者参考多个作者的方法进行一样操作很可能是因为模拟器版本问题、编译环境git clone --recursive -b release/v9.3 https://github.com/lvgl/lv_port_pc_eclipse2.3 vscode的cmake tool配置搜索status使其显示cmake tool的配置状态2.4 打开文件选择工具链2.5 在顶层cmake中添加file(COPY D:/SoftwaresHub/SDL/SDL2-devel-2.32.10-mingw/SDL2-2.32.10/x86_64-w64-mingw32/bin/SDL2.dll DESTINATION ${PROJECT_SOURCE_DIR}/bin)2.6 在顶层main.c中添加#include LV_SDL_INCLUDE_PATH 其实就是#include SDL2/SDL.h2.7 以及更改main的函数名为SDL_main2.8 先点击生成在点三角形运行或者右键顶层cmake2.9 运行效果如果点击小三角形后没有出现lvgl界面而vscode终端看不到报错去文件夹需要双击main.exe看一下报错则需要把mingw中三个库文件放到main.exe的同级目录中如果还报错无法找到SDL.dll那么在加一个文件最后三、方案二lv_port_pc_vscode与前面那种模拟器差不多编译环境相同文件搭建也类似点击蓝色链接下载对应版本的lvgl、freeRTOS使用vscode打开lv_port_pc_vscode-release-v9.3注释#include glob.h更改main函数名为SDL_main成功