【嵌入式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

  • 4
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
lvgl nxp gui guider 1.6是一个用于NXP微控制器的图形用户界面(GUI)开发工具。LVGL(轻量级嵌入式图形库)是一款开源的GUI库,可以在各种嵌入式设备上创建美观且功能丰富的用户界面。NXP GUI Guider是一个可视化的GUI设计工具,可以通过简单的拖放操作来设计和生成LVGL GUI界面。 使用LVGL NXP GUI Guider 1.6可以轻松快速地开发出专业水平的GUI界面。它提供了丰富的内置控件,如按钮、文本框、进度条、滑块等,用户可以根据自己的需求进行定制和扩展。此外,它还支持动画效果、多语言支持和主题切换等功能,使得界面更加丰富多样。 利用该工具,开发人员只需通过简单的拖放操作就可以设计和布局界面元素,并直接在编辑器中进行预览和调试。同时,可以通过代码生成器自动生成所需的LVGL C代码,方便集成进项目中。这样,开发人员可以更专注于业务逻辑或者其他核心功能的实现,提高开发效率。 此外,LVGL NXP GUI Guider 1.6还支持与其他开发工具的集成,如NXP MCUXpresso IDE和RTCS库等。这样,开发者可以在一个完整的开发环境中进行GUI开发,并且可以更好地与其他系统组件进行集成和交互。 总之,LVGL NXP GUI Guider 1.6是一个强大且易用的GUI开发工具,能够帮助开发者快速创建出高效、美观的GUI界面,并且与NXP微控制器的生态系统完美集成,提高开发效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

外来务工人员徐某

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值