GUI Guider设计UI界面移植到STM32

GUI Guider设计UI界面移植到STM32

一、什么是GUI Guider

什么是 GUI-Guider? GUI Guider 是恩智浦为 LVGL 开发了一个上位机GUI 设计工具，可以通过拖放控件的方式设计 LVGL GUI 页面，加速 GUI 的设计。 设计完成的 GUI 页面可以在 PC 上仿真运行，预览自己设计的UI界面。确认设计完毕之后可以生成 C 代码，再整合到 MCU 项目中。
软件下载地址：https://www.nxp.com.cn/
打开网址搜索GUI Guider选择适合自己的系统的版本。下载安装。

二、软件使用

打开软件




选择自己喜欢的图片，但是在选择图片时要注意图片大小，可以通过图片编辑工具调整图片大小已适应我们的屏幕大小。
运行仿真，选择C语言
仿真效果

点击生成代码。

三、将代码整合到我们的工程

打开我们刚才的GUI工程目录，下面有一个 generated 文件夹，该文件夹就是我们所需要的，将generated整个文件夹复制到我们的STM32工程中的GUIAPP目录下。
接着打开keil工程在keil工程添加相关的.c源文件和.h头文件路径。
添加.c文件

包含文件路径

然后编译，可能会报错，双击第一条错误提示

接着继续修改其他类似错误。再次编译可能会提示找不到 “lv_font.h” 头文件，记得我们之前在LVGL源码是遇到有这个，所以我们这里把GUI/src路径下的font文件夹路径包含进来。

再次编译，会提示找不到"custom.h"头文件，这里我们把它注释掉。最后编译通过。有时候到这一步会有 error: #8: missing closing quote 这样的错误提示，
解决办法就是：在KEIL中Options for Target ‘Flash’ -> C/C++ -> Misc Controls添加“–locale=english”。

然后再main.c 源文件中添加相关的头文件和代码。

编译下载到板子上，可以看到程序运行屏幕显示我们自己设计的UI界面。