使用GUI Guider来生成LVGL工程，再导入配置好FreeRTOS的工程中

只看该作者 · 2023-6-27 19:47

这应该是最后一部分了，整篇文章就完结了；GUI Guider可以通过绘制界面来自动生成lvgl代码，大大方便了界面的设计，有关GUI Guider的相关资料以及安装教程可以去网上查，注意的是GUI Guider依托java环境的，所以需要先装一个java环境，具体可以去网上查，下面我来介绍如何移植。

首先打开GUI Guider页面：

只看该作者 · 2023-6-27 19:47

选定路径创建工程（不能有中文路径，外国软件，你懂的~）；然后模板选择空白模板，颜色选择16bit，SIZE选择800 * 480，最后点CREATE：

只看该作者 · 2023-6-27 19:48

然后进入主界面：

只看该作者 · 2023-6-27 19:48

选择一个按钮，拖到空白界面处，这里我拖了两个按钮：

只看该作者 · 2023-6-27 19:48

选中按钮，然后修改参数如下图：

只看该作者 · 2023-6-27 19:48

同理，另外一个按钮同样设置，并且贴入一个文本label标签：

只看该作者 · 2023-6-27 19:49

然后选中按键1，添加事件：

只看该作者 · 2023-6-27 19:49

如下图，触发事件是点击，也就是点一下就触发；触发源就选btn0，也就是按键1，行为选择改变按键背景颜色为红色：

只看该作者 · 2023-6-27 19:49

按键2同样设置：

只看该作者 · 2023-6-27 19:49

接下来运行模拟看看效果（如果运行模拟报错的话大概率是java环境没配好）：

只看该作者 · 2023-6-27 19:50

点一下变红：

再点另外一个变绿：

只看该作者 · 2023-6-27 19:51

然后回到工程中，点运行模拟旁边的生成代码按钮，生成代码后再开始移植：

只看该作者 · 2023-6-27 19:51

下面开始移植代码；首先拿到最初始的版本，也就是只有fsmc驱动的工程，接着打开cubemx，按照第7部分移植好FreeRTOS（记得调堆栈大小）；然后打开工程文件夹，新建文件夹GUI：

只看该作者 · 2023-6-27 19:52

进入该文件夹，新建三个文件夹：

只看该作者 · 2023-6-27 19:52

打开GUI Guider生成的工程文件夹，将lvgl文件夹中的所有文件copy到f407zgt6文件夹的lvgl中：

只看该作者 · 2023-6-27 19:53

接着将generated的所有文件copy到lvgl_app中：

只看该作者 · 2023-6-27 19:53

然后打开lvgl/example/porting，将其中的6个文件复制到lvgl_port中，并且改名：

只看该作者 · 2023-6-27 19:54

然后再将lvgl/src中的两个配置文件copy到GUI下，并改名：

只看该作者 · 2023-6-27 19:54

接下来进入Keil，配置工程目录；首先新建3个工程目录：

只看该作者 · 2023-6-27 19:55

然后将lvgl_app、lvgl_port、lvgl中的c文件加入对应目录：

注意的是GUI/lvgl组的是src下的所有c文件（除了lv_gpu文件夹）