LVGL-GUI Guider初始体验

目录

背景

1. 下载和安装

2. 新建工程

3. 生成代码和模拟窗口

3.1 单独生成代码

3.2 编译模式器

---

背景

MCU：STM32L475

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

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

---

经过NXP的代理推荐，得知一款LVGL GUI guider可一帮助实现可视化GUI的编辑，并可以自动生成代码和模式GUI来调试

1. 下载和安装

下载地址（需要注册NXP账号）为：

GUI Guider | NXP Semiconductorshttps://www.nxp.com/design/software/development-software/gui-guider:GUI-GUIDER截止本案为止，使用的是1.4.0的版本

 下载本地后一路安装，安装成功后在桌面上会有快捷方式，双击打开即可

2. 新建工程

 打开界面如下，选择"Create a new project"新建项目工程

 默认支持两种LVGL版本，7.10.1和8.2.0两个版本，由于本案使用的是LVGL是7.10.1，故选择此版本(后续会基于8.2.0进行体验)并点击"next"

 如果我们使用的非NXP的IC的话，可以选择第一个"Simulator"，如果使用的NXP的i.MX RT系列和LPC系列可以尝试找到自己的型号。本案调试的是STM32L475的IC，故使用的是Simulator

MIMXRT系列开发板

NXP LPC系列开发板

 选择"Simulator"，并点击"next"

 选择一个适合的"Templates"，并点击"next"

根据当前设备屏幕的实际分辨率已经和LVGL代码lv_config.h中要填写一致，当前设备的屏幕大小是240*240和色彩深度为16。

创建成功如下图所示

大体上面的布局和Qt creator有些相似

左边为widgets组建，中间为视图区域，右边为属性区域

3. 生成代码和模拟窗口

GUI guider提供了生成代码的选项和模拟窗口的启动

3.1 单独生成代码

生成的代码结构如下所示，其中custom和generated这两个文件夹是我们后续移植到ARM Keil工程中的，其他的文件夹可以暂时忽略。

3.2 编译模式器

 过一段时间编译成功会弹出一个窗口，可以使用鼠标进行点击调试

更加详细的资料可以参考NXP的官方user guide

https://www.nxp.com/webapp/sps/download/preDownload.jsp?render=truehttps://www.nxp.com/webapp/sps/download/preDownload.jsp?render=true

下一章节，将会将代码移植到ARM Keil工程