本篇以按钮为例进行介绍
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演示:
运行:
代码生成:
如下图,这两种代码那种方式都是可以的。
生成的代码结构如下:
到这就完事了,里面的控件用法基本是一样的。