1、搭建VScode的LVGL模拟器这个网上教程很多这里不再啰嗦可自行百度搭建同时这里我也给出一篇网上找到的文章放这里https://zhuanlan.zhihu.com/p/7194704252、Gui guider的安装NXP 官网GUI GUIDER下载在NXP官网选中对应的系统下载即可下载完成后直接next没有什么其他的复杂环境配置不过因为LVGL版本和VScode模拟器的版本看自己是具体什么版本上述连接是1.8.3guiguider建立项目的时候需要注意一下要建立自己的LVGL版本3、移植3.1 复制所需文件将GUI GUIDER的工程里面的复制带VScode工程里面custom用户自定义代码目录不会被GUI Guider覆盖可在此编写界面响应逻辑代generated GUI Guider自动生成的代码目录包含UI结构和事件处理代码import导入的资源文件目录存放图片、字体等外部资源3.2 修改CMakelist.txt打开CMakeList.txt添加以下代码解决gui_guider生成的代码找不到头文件问题INCLUDE_DIRECTORIES(${PROJECT_SOURCE_DIR}${PROJECT_SOURCE_DIR}/lvgl ${PROJECT_SOURCE_DIR}/guider_code/generated ${PROJECT_SOURCE_DIR}/guider_code/custom)file(GLOB_RECURSE INCLUDESlv_drivers/*.hlvgl/demos/*.hlvgl/*.h./*.hguider_code/**/*.h)file(GLOB_RECURSE SOURCESlv_drivers/*.clvgl/demos/*.clvgl/src/*.cguider_code/**/*.c)3.3 修改main.c//增加头文件#includeguider_code/generated/gui_guider.h#includeguider_code/generated/events_init.h//定义一个全局变量lv_ui guider_ui;//在main初始化添加setup_ui(guider_ui);events_init(guider_ui);
