本篇以按钮为例进行介绍
前言：
GUI Guider是NXP为LVGL开发了一个上位机GUI设计工具，可以通过拖放控件的方式设计LVGL GUI页面，加速GUI的设计。当前最新版本是1.4.1.设计完成的GUI页面可以在PC上仿真运行，确认设计完毕之后可以生成C代码，再整合下载MCU项目中。使用GUI Guider不需要任何编程知识，就可以创建交互式UI。开发者可以自定义动画，事件和样式可以添加到许多内置的小组件，如仪表盘、下拉列表等。图形设计师能够直接使用GUI Guider创建UI，并将已经工作的UI交付给软件开发人员，而软件开发人员只需专注于底层业务逻辑开发。通过这种方式，GUI Guider可以支持个人或者团队高效地协同工作。最新的GUI Guider v1.4.1支持了许多新的功能，比如视频播放、外部存储、运行时图片解码、Zephyr等等，在使用体验和可开发体验上实现了很大的提升。
GUI Guider v1.4.1中支持的新功能包括：
界面设计界面
·视频播放应用实例
·SD卡存储应用实例
·运行时图片解码
·图片和屏幕预览
·导入图片详细信息
·属性设置窗口显示组件类型和文档
·鼠标滚轮改变编辑器位置
·优化组件名字、提示信息和缺省值
·菜单栏打开许可证信息
·代码覆盖提示
·自动聚焦编辑器新增组件
·优化鼠标拖动控制图片旋转
·自动检测custom.c(.h)
·提高鲁棒性和稳定性
图形库
·支持日期文本框组件
·高亮日历组件选择的日期
开发板
·除已支持系列外，新增i.MX RT1040
工具链
·支持最新版MCUXpresso IDE 11.6.1
·支持最新版MCUXpresso SDK 2.12.1
实时操作系统
·Zephyr
GUI Guider v1.4.1新版本带来的好处如下：
1提供更好的使用体验
2提高图形应用开发效率
3支持更多功能和平台
4增强图形应用稳定性
1-创建项目工程程
1.1-打开
打开软件，创建一个新的工程，如下图所示：
2版本选择
点击创建项目后会弹出LVGL版本选择。NXP开发的gui guider中目前有两种LVGL版本，一个是V7.10.1，一个是V8.2.0，这两个版本。本文以V8.2.0为例。如下图：
3设备模板选择
选择Simulator，然后点击下一步。
4UI选择
因为我们是新建一个，所以选择emptyUI就好。然后点击下一步.如下图：
5 基本参数设置
创建成功后，打开就是这个样子：
6 基本介绍
如下图：
7 设计
我们先拖拽一个button控件，放置到画布上。如下图：
7.1运行看看
我们拖拽完成后点击绿色按钮进行运行，绿色按钮按下会同时生成代码文件。有两种语言可选，C语言和Python。因为我需要在板子上运行，所以选择C语言，如果你想使用Python在板子上运行，请参考对应的移植，本文以C语言为例：
运行结果如下：
好了，下面我们对按钮进行一系列的操作，看看其他情况：
主窗口背景颜色设置
如下图:
背景色运行
添加背景图片
添加背景图片，我们需要一个图片控件。如下图：
拖拽到画布上，然后进行图片的添加，同时对图片进行一些基本的设置。如下图，都是中文，应该都能看懂：
运行
带遮罩
不带遮罩
button设置
button演示：
运行：
代码生成：
如下图，这两种代码那种方式都是可以的。
生成的代码结构如下：
到这就完事了，里面的控件用法基本是一样的。
