前言

本教程要基于有移植好的LVGL—8.2.0的代码为基础，对于不懂怎么移植LVGL代码的可以看我之前的博文快速入门LVGL ————代码移植

一、什么是GUI Guider？

GUI Guider 是恩智浦为 LVGL 开发了一个上位机GUI 设计工具，可以通过拖放控件的方式设计 LVGL GUI 页面，加速 GUI 的设计，提供c语言代码，可以很方便的嵌入到自己的项目中来。

二、使用教程

1.下载软件

• 通过恩智浦官网下载GUI_Guider
• 百度网盘链接：https://pan.baidu.com/s/1WfgG8XCNHZ351u14By34-g
  提取码：93tq（版本为1.4.0）

2.熟悉LVGL各种组件

• 可以自己去看LVGL官方的文档LVGL官方文档
• 英文不好的可以去看一下百问网的中文版的文档LVGL中文文档

3.新建工程

• 创建一个新的工程
  

• 选择v8.2.0版本
  

• 选择电脑仿真
  

• 选择一个空白的模版
  

• 填入工程的基本信息（名称要英文），选好屏幕的基本信息
  

4.上手体验

• 界面基本布局认识
  

• 简单来个布局
  

• 对于不是很熟练，可以看一下帮助文档
  

5.代码移植

• 仿真运行一下
  

• 编译生成代码
  

• 找到生成代码的文件，我们只需要移植这三个文件（custom、generated和dclock）即可，把它复制到我们移植好的LVGL代码中
  
  

• 复制好的的文件夹
  

• 将复制的文件添加到我们LVGL_APP文件中
  

• 添加一下文件路径
  
  使能dclock
  
  在主函数添加初始化函数
  

#include "gui_guider.h"
#include "events_init.h"

setup_ui(&guider_ui);
events_init(&guider_ui);

• 下载到开发板查看现象

完结撒花