怎么将square line studio生成的lvgl代码应用到code block 或vs code上进行仿真?

Question

square line studio可以生成带sdl的vs code代码进行模拟，但我配置了几次也不知道怎么用，然后我将ui文件移植到code block的lvgl工程文件里，总是有编译报错。希望有一份详细具体的操作流程。

Answer 1

引自强大而免费的微信小程序：皆我百晓生。

---

要将Square Line Studio生成的LVGL代码应用到CodeBlocks或VS Code进行仿真，您可以按照以下步骤进行操作：

1. 使用Square Line Studio生成带SDL的VS Code代码：

   • 在Square Line Studio中完成您的UI设计，并将其导出为LVGL代码。
   • 在导出对话框中选择"VS Code"作为目标，并勾选"包含模拟"选项。
   • 确定导出目录并生成代码。

2. 在VS Code中打开生成的项目：

   • 在VS Code中点击"File"，选择"Open Folder"，然后选择生成的项目文件夹。
   • 点击"View"，选择"Terminal"打开终端窗口。

3. 安装相关依赖项：

   • 在终端中执行以下命令，安装项目所需的依赖项：

     npm install
     

4. 启动仿真：

   • 在终端中执行以下命令，启动仿真：

     npm run simul
     

5. 在CodeBlocks中配置LVGL工程：

   • 新建一个LVGL工程或使用现有的工程。
   • 将Square Line Studio生成的lvgl文件夹中的所有文件（包括.c和.h文件）复制到您的LVGL工程文件夹中。
   • 在CodeBlocks中将这些文件添加到您的项目中。

6. 配置编译选项：

   • 在CodeBlocks中点击"Project"，选择"Properties"。
   • 在对话框中选择"Build Targets"选项卡，选择您的目标配置。
   • 在"Linker settings"选项卡中添加以下依赖项：

     -lmingw32 -lSDL2main -lSDL2
     

7. 编译和运行：

   • 在CodeBlocks中点击"Build"，选择"Build and Run"进行编译和仿真。

注意：在执行这些步骤之前，请确保您的系统已经安装了VS Code、CodeBlocks、SDL和相关的开发工具。同时，如果有任何编译错误提示，请检查您的环境和代码配置是否正确。