GUIGuider+VSCode环境搭建模 拟运行LVGL

介绍

在使用LVGL的时候查阅了很多资料，并且与Qt进行了对比，最终还是选择了LVGL。其实Qt与LVGl各有优缺点，主要是看自己的需求。我最终使用了LVGL，简单容易上手，占用内存小。

Qt：
优点：功能很强大，不仅支持Linux、win、macOS、Android、iOS而且还可以用在嵌入式与微处理器上面。
缺点：内存相对占用空间大。上手慢。

LVGL：
优点：开源的嵌入式图形库，可以用在嵌入式微控制器上面，占用内存小，方便上手。
缺点：嵌入式系统和微控制器。其他的平台的用起来不如Qt好。

选择LVGL后，我看了百问网LVGL 的视频，打算手撸代码。后面发现有两种图形化工具分别是官方的SquareLine Studio与NXP的GuiGuider。原本想用SquareLine Studio软件毕竟是官方的，但是后来发现它与LVGL停止合作了，要开发更牛X的软件。这不就是Qt嘛？果断放弃，立即使用GUIGuider。

其实相比这两个软件有个优缺点吧：
SquareLine Studio：
优点：制作的画面非常精美，里面的插件与苹果手机的图标效果质量有的一比。
缺点：收费，英文。要向发更牛X的方向发展，所以在一段时间内可能会多尔不精。时间久了不好说，大家自己考量。

GuiGuider：
优点：免费、中文界面。一直在更新，只用于LVGL，少而精。
缺点：只能使用两个版本的LVGL。界面图标没有SquareLine Studio精美，插件也是。但是在一直更新，希望后面可以优化。

本次搭建VSCode+GUIGuider环境遇到了很多问题，本文主要记录了整个环境搭建的过程与遇到的困难。方便以后查阅。

GUIGuider下载、安装、生成工程

GUIGuider软件下载、安装：
登录NXP的官网，搜索GUIGuider即可下载。但是需要登录NXP的账号才行。也在可在此链接下载（GUIGuider1.7.1）。
安装除了路径其他的下一步即可。

生成工程：
打开GUIguider软件。点击创建新项目。

使用v8.3.10版本 — 相对全一点。

点击Simulator，再点击下一步。

点击EmptUI，点击下一步
输入项目的名称、工程目录、色彩深度、面板类型、点击下一步

![(https://img-blog.csdnimg.cn/direct/ba384ae0d9524bd2bbf03abb3f79dd01.png)
主要看是搭建环境，此处简单设置一下页面。建立一个button控件，电机右上角的小三角运行，此处使用C语言运行。

最后生成了此页面

VSCode下载、安装、环境搭建

VSCode的下载、安装与相关的小插件可以参考此处，非常详细好用。
VSCode环境搭建：

一、拷贝仿真环境文件

将仿真环境文件夹 LVGL_GuiGuider_V8_SimEnv 下所有内容拷贝到生成的工程文件夹下：有替换直接替换即可。

安装gcc、cmake 参考Windows环境下模拟LittlevGL

使用VSCode打开guiguider项目文件夹，并出现工具包选择GCC即可。

若未出来点击下面的菜单也可出来。

点击运行会出现错误的问题。此处有两种方法。

1、文件->将工作区另存为当前目录，打开工作区，设置"cmake.generator": "MinGW Makefiles"重启VSCode即可。

2、在C:\mingw64\bin中修改mingw32-make.exe 的名字未make.exe即可。