【嵌入式UI框架：LVGL】使用NXP GUI Guider 拖拽式设计LVGL-tech99 知识搜索引擎

LVGL是一个免费的开源嵌入式图形库，它提供创建嵌入式GUI所需的功能，具有易于使用的图形元素、精美的视觉效果和低内存占用。完整的图形框架包括供您在创建GUI时所用的各种小部件，并支持更高级的功能，例如动画和抗锯齿。

一、工具：

1.PC模拟器：SDL2

SDL（Simple DirectMedia Layer）是一套开源的跨平台多媒体开发库，使用 C 语言写成。它提供了绘制图像、播放声音、获取键盘输入等相关的 API，大大降低多媒体应用开发难度的同时，也让开发者只要用相同或是相似的代码就可以开发出跨多个平台（Linux、Windows、Mac OS X等）的应用软件。

SDL2可以在PC上模拟UI效果，避免反复下载到MCU中验证。

2.编译工具链（MinGW + CMake）

MinGW相当于Linux的GCC，用于在Windows上编译C代码，这里我们用它来编译lvgl

3.一个IDE，SDL可以配合以下IDE使用

但是，下载这么多工具属实麻烦，NXP公司开发的GUI Guider软件，集成了SDL模拟器、工具链，并且可以通过拖拽UI，模拟验证，然后生成C代码，再移植到MCU中运行，和嵌入式Qt开发如出一辙。

二、NXP GUI Guider使用

1.创建工程

①选择v8.2.0

②选择Simulator

③选择模板，这里我们选择一个官方音乐播放器的例程
大小设置为800*480

④然后，我们就有了一个工程，中间是UI设计界面，左边是控件区，右边是控件属性

很好的是，在右上角，我们还可以把它切换成中文显示

2.生成代码

点击此按钮生成代码

遇到点问题，日志是一堆乱码，这是没有java环境的原因

【点击此处可直接下载】 https://www.oracle.com/java/technologies/downloads/

【别忘记】 JAVA环境变量设置！！！

继续生成代码成功

切换到代码浏览页面，可以看到生成了Generate文件夹下的C代码

点击运行模拟器

OK