2026.03 LVGL+ GUI-Guider-ESP32的界面开发好帮手
摘要:LVGL是一款轻量级开源图形库,可快速创建嵌入式GUI界面。配合NXP的GUI-Guider工具可实现可视化界面设计,无需编程基础。使用步骤包括:注册NXP账户、下载安装GUI-Guider、创建项目、添加组件。特别提示:路径避免中文,使用中文字体需单独导入并注意命名规范。工具提供实时预览功能,大大简化了嵌入式界面开发流程。下载地址:https://www.nxp.com.cn/design
前言
众所周知,LVGL(Light and Versatile Graphics Library)是一个免费的开源图形库,提供创建具有易 于使用的图形元素、漂亮的视觉效果和低内存占用的嵌入式 GUI。
嗯,简单来说就是可以轻松简单的编辑出现代化的图形界面,而不是自己重复造轮子了,但如果你想要使用可视化界面编辑呢?GUI-Guider就能直接可视化的操作,直接在界面上轻轻松松的操作就可以实现了。闲话少说,看看工作界面。

天呐,简直就和画图一样,太方便了!
咳咳,不过接下来还是需要注册一下NXP 的账户,需要一个邮箱进行注册,注册时里面信息乱填就可以,无所谓的。
GUI-Guider 下载地址:
https://www.nxp.com.cn/design/design-center/software/development-software/gui-guider:GUI-GUIDER

下载完成后安装即可,选择文件目录的时候尽量不要选择中文目录,目录没有什么特别要求。如果运行不了或者报错,可以尝试安装下java开发环境。
https://www.oracle.com/java/technologies/javase/jdk19-archive-downloads.html

让我们开始吧!
好的,聪明的你在下载GUI-Guider的时候肯定已经注册了,第一次打开GUI-Guider的时候会提示你登录,老老实实登陆吧,你没有选择。

然后切回我们亲爱的中文。

创建一个新项目

完善项目信息,老样子,最好还是不要选择中文路径。这里的custom就是自定义虚拟的屏幕尺寸,按照自己的规格选就可以了。

好的,来到主界面了,按照操作可以看到这里有特别多的组件,点击一下就可以蹦出来,在虚拟屏幕上显示出来。会在下面的组件框,新增一个组件。

左边页面可以创建很多不同的页面,到时候可以通过按钮设置事件切换,那么我们就开始随便弄一些东西吧!
使用中文,导入字体!
如果要使用自己喜欢的字体,要到这个目录去复制出来到单独的目录,因为软件无法直接访问这个文件夹


如果报错,请注意,字体只能包含字母数字下划线,短线不行。

然后点击控件,如图所示的地方可以找到添加的字体,注意,使用中文必须导入字体

完成后开始预览吧!同时也会进行编译。

弹出一个界面,预览效果,然后就完成啦!

更多推荐



所有评论(0)