LVGL GUI GUIder使用教程

本篇以按钮为例进行介绍

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演示：

运行：

代码生成：

如下图，这两种代码那种方式都是可以的。

生成的代码结构如下：


到这就完事了，里面的控件用法基本是一样的。