目录

1. 背景

2. 创建GUI guider工程

3. 将代码添加至Keil工程

3.1 增加guider_ui的相关代码到Keil工程

3.2 编译工程

3.3 烧录到开发板中

---

1. 背景

MCU：STM32L475

正点原子 潘多拉STM32L4 IoT开发板

潘多拉IoT开发板 — 正点原子资料下载中心 1.0.0 文档http://www.openedv.com/docs/boards/iot/zdyz_panduola.html

---

2. 创建GUI guider工程

参考前一篇文章，新建GUI guider工程

LVGL-GUI Guider初始体验_云海无语的博客-CSDN博客基于STM32L475的LVGL系列https://blog.csdn.net/chenaiguo0503/article/details/126544890此处笔友创建的工程名字为hellowl,GUI效果如下

 按照上篇文章编译生成好代码

3. 将代码添加至Keil工程

提取文件有用文件夹，点击下侧的按键可以快速的跳转至工程代码

 重点提取的文件夹如下所示：

 custom文件夹内容如下

generated文件夹内容如下

在Keil的工程目录下新建一个lvgl_app专门用来存放GUI应用业务逻辑相关的代码，将上述的两个文件夹拷贝到Keil的工程中

 

打开Keil工程，并加这个代码添加至Keil工程中，新建代码组，将custom和generated的C文件全部添加进去

将对应的头文件索引添加到Keil工程目录中

 

 现在尝试编译一下，应该是可以编译成功

3.1 增加guider_ui的相关代码到Keil工程

由于我当前的示例工程未用到RT-Thread，只是在裸机下面做LVGL的学习，故在main.c中添加相关代码

• 增加头文件

#include "gui_guider.h"

• 定义guider_ui全局结构体变量

lv_ui guider_ui;

• 增加setup_ui的初始化

setup_ui(&guider_ui);

3.2 编译工程

3.3 烧录到开发板中

成功编译之后，烧写进开发板，开机显示如下

示例代码如下路径所示：

STM32L475_LVGL: 基于LVGL的STM32L475的工程，开发板为潘多拉https://gitee.com/chenaiguo0503/stm32-l475_-lvgl