0


【嵌入式UI框架:LVGL】使用NXP GUI Guider 拖拽式设计LVGL

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

LVGL

标签: 嵌入式ui lvgl

本文转载自: https://blog.csdn.net/qq_33033059/article/details/128198417
版权归原作者 外来务工人员徐某 所有, 如有侵权,请联系我们删除。

“【嵌入式UI框架:LVGL】使用NXP GUI Guider 拖拽式设计LVGL”的评论:

还没有评论