ESP32学习笔记 -- ESP32使用GUI-Guider制作LVGL图形界面

已于 2023-05-07 18:17:58 修改
阅读量2w 收藏 85
点赞数 7
分类专栏： ESP32 学习笔记系列 文章标签： ESP32 物联网 嵌入式 gui
于 2021-11-18 17:04:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wenjs0620/article/details/121404964
版权

上一篇文章讲述了如何移植嵌入式图形界面库LVGL到ESP32芯片平台，并成功在ESP32上面运行LVGL的官方demo，上一篇文章请参考以下链接。

ESP32学习笔记 - 移植LVGL_EmbedIoT Studio-CSDN博客

截止至2021年11 月，LVGL官方尚未推出PC端的GUI设计工具，因此，在大多数情况下使用LVGL开发图形界面的时候，都是用代码的方式进行界面布局设计的，而不是使用拖曳控件的方式进行设计，这样会让工程师的工作量增加不少。

有痛点就有工程师想办法解决，恩智浦（NXP）为了方便广大工程师开发LVGL界面应用，推出了基于LVGL的拖曳式GUI编程辅助工具，GUI Guider，这个工具的链接地址，如下所示。

GUI

了解本专栏 订阅专栏 解锁全文 超级会员免费看
工程师进阶笔记
关注
  • 7
    点赞
  • 踩
  • 85
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
订阅专栏
cfGUI:一个用于M5Stack（ESP32）的简单GUI库
05-27
cfGUI 一个用于M5Stack（ESP32）的简单GUI库 该库旨在在基于ESP32的M5Stack开发板上（ ）上运行。 但是，应该很容易将其移植到带有LCD屏幕和3个物理按钮的任何其他板上。 它由可在屏幕上绘制的简单图形控件组成。 到目前为止，已经创建了以下窗口小部件： 屏幕和AppScreen（具有顶部栏和底部栏的屏幕） 酒吧 StatusBar（带有正常运行时间，时钟和Wifi信号的Bar） ButtonInfoBar（显示物理按钮的功能） 按钮，UpDownButton 小部件的镶嵌 如何（Platform.io） 要将此库与您的platform.io项目一起使用，只需将库克隆或下载到项目的“ lib”目录中即可。 然后，您只需要包含标题（例如#include <Screen>）并编写一些代码。 如果您需要一些启发，请查看示例；-) 这是platf
GUIGuider+VSCode环境搭建模 拟运行LVGL
weixin_43634746的博客
04-07 1580
功能很强大，不仅支持Linux、win、macOS、Android、iOS而且还可以用在嵌入式与微处理器上面。：内存相对占用空间大。上手慢。：开源的嵌入式图形库，可以用在嵌入式微控制器上面，占用内存小，方便上手。：嵌入式系统和微控制器。其他的平台的用起来不如Qt好。选择LVGL后，我看了百问网LVGL 的视频，打算手撸代码。后面发现有两种图形化工具分别是官方的SquareLine Studio与NXP的GuiGuider。
LVGL使用GUI Guider配置STM32界面详细笔记教程
最新发布
weixin_49337111的博客
06-20 1670
GUI Guider是NXP公司为LVGL开发的一个GUI设计工具，用户可以通过直接拖放控件来设计 LVGL的GUI页面，加速 GUI的设计，并且可以导出与硬件平台无关的c语言、Python代码，非常简单方便的加入到项目中。
LVGL之GUI GUIder使用教程
PrairieOne的博客
10-22 7301
lvgl是一个免费的开放源代码图形库，提供创建具有易于使用的图形元素，再配合NXP提供的GUI-Guider软件，极大简化了嵌入式系统UI的设计。GUI Guider是恩智浦提供的用户友好型图形用户界面开发工具，可通过开源LVGL图形库快速开发高品质的显示。GUI Guider的拖放编辑器可以轻松利用LVGL的众多特性，如小部件、动画和样式来创建GUI，而只需少量代码或根本无需任何代码。单击按钮，您可以在模拟环境中运行应用或将其导出到目标项目。
【LVGL】GUI神器 NXP GUI GUIDER开发工具入门教程
weixin_38933763的博客
08-18 7602
GUI Guider是恩智浦为LVGL开发了一个上位机GUI设计工具，可以通过拖放控件的图形化设计方式开发LVGL GUI页面，加速GUI的设计。相比LVGL官方推出的付费工具 SquareLine Studio ，GUI Guider完全免费，它们甚至开发页面的布局都类似，但两者功能上，GUI Guider也相应的没有SquareLine Studio 细致和丰富，希望NXP能持续的优化更新。
【LVGL+GUI-Guider】触控按钮控制stm32上LED亮灭
2301_79728756的博客
02-29 1644
GUI-Guider+LVGL移植到STM32
LVGL GUI GUIder使用教程
南山府的博客
12-16 4851
打开软件，创建一个新的工程，如下图所示： 点击创建项目后会弹出LVGL版本选择。NXP开发的gui guider中目前有两种LVGL版本，一个是V7.10.1，一个是V8.2.0，这两个版本。本文以V8.2.0为例。如下图： 选择Simulator，然后点击下一步。因为我们是新建一个，所以选择emptyUI就好。然后点击下一步.如下图： 创建成功后，打开就是这个样子： 如下图： 我们先拖拽一个button控件，放置到画布上。如下图： 我们拖拽完成后点击绿色按钮进行运行，绿色按钮按下会同时生成代码文件。有两种
STM32移植LVGL源码工程 stm32移植GUI-Guider源码 LVGL移植源码
05-22
STM32移植LVGL源码工程是将流行的开源图形库LVGL（LittlevGL）应用于STM32微控制器上的过程。STM32是一款基于ARM Cortex-M内核的微控制器，广泛用于嵌入式系统设计。LVGL是一个轻量级、高效的图形用户界面库，适合...
LVGL NXP GUI-Guider 软件
08-10
LVGL NXP GUI-Guider 软件 ，用于lvgl 的可视化编程，可以配合esp32 lvgl实现
【STM32F103ZET6-LVGL-GUI-GUIDER移植过程成功】软件烧录HEX文件
07-23
【STM32F103ZET6——LVGL_GUI_GUIDER移植过程成功】软件烧录HEX文件
STM32F103ZET6-LVGL-GUI-GUIDER安装包
06-23
STM32F103ZET6与LVGL结合使用，可以为开发者提供一个高效、低功耗且功能丰富的图形界面解决方案。 "STM32F103ZET6-LVGL-GUI-GUIDER安装包" 提供了一个集成的环境，帮助开发者快速地在STM32F103ZET6上搭建和使用LVGL...
NXP gui-guider-1.4.1安装包
11-29
NXP的gui-guider-1.4.1安装包是一个专为LVGL（LittleV Graphics Library）设计的用户界面（UI）开发工具。LVGL是一个开源的图形库，广泛应用于嵌入式设备，尤其是那些资源有限的微控制器平台。gui-guider的最新版在...
ESP32系列之LVGL（三）：Gui-Guider的使用
m0_55986987的博客
09-22 8199
Gui-Guider的使用
Arduino应用开发——使用GUI-Guider制作LVGL UI并导入ESP32运行
ShenZhen_zixian的博客
03-03 3658
GUI Guider是一个专门针对LVGL开发了一个上位机GUI设计工具，可以通过拖放控件的方式设计LVGL GUI页面，加速GUI的设计。设计完成的UI页面可以在PC上仿真运行，确认设计完毕之后可以生成C代码，再整合到MCU项目中。
ESP32（MicroPython） LVGL图形界面控制绘图
weixin_74155302的博客
06-17 1008
ESP32（MicroPython）LVGL界面控制绘图。本程序通过在图形界面设置参数实现在OLED屏幕上绘图。
快速入门ESP32——使用GUI-Guider生成工具
mucherry的博客
02-23 1413
在上一期我们移植了LVGL，本期就教大家怎么移植GUI-Guide生成的代码。GUI Guider 是恩智浦为 LVGL 开发了一个上位机GUI 设计工具，可以通过拖放控件的方式设计 LVGL GUI 页面，加速 GUI 的设计，提供c语言代码，可以很方便的嵌入到自己的项目中来。不知道的怎么下载GUI-Guide 看这里快速入门GUI-guider不知道的怎么移植LVGL看这里快速入门ESP32——移植LVGLESP32S3+1.69LCD（无触摸），
《ESP32-Arduino开发》GUI设计 LVGL 开发环境搭建教程（从工程目录到模拟器）
MGodmonkey的专属博客
08-13 9461
前言：最近闲着无聊，看到手头正好有一块tft彩屏，想着拿来玩玩。既然用到了显示屏，自然是离不开ui设计，lvgl是嵌入式一个开源图形库，具备“Light”(轻量)和"Versatile"(可用性强)等特点。对于我而言，最难的莫过于最初的环境搭建了，许多学习的热情在此刻被逐渐浇灭。但功夫不负有心人，花了一天终于是学会了个大概。 跟随我的步伐，教你从0到1搭建LVGL开发环境！ 文章目录1.准备工作2.工程创建（基于VScode+PlatformIO）1.创建Platform工程2.向platform工程中.
图形库LVGL v8.2版本移植
aron566博客
06-06 4235
LVGL移植案例
如何配置 ESP32 menuconfig 图形界面
丨晋丨
07-26 6413
准备 我们可以有2种方式进入menuconfig模式 1 在 Eclipse 界面启动MenuConfigTarget （需参照如何使用安信可 ESP 系列一体化开发环境IDF章节）； 2 打开 Cygwin.bat, 进入工程目录，执行make menuconfig指令。 这 2 种方法最终实现的效果都是一致的，您可以根据自己的需要进行选择。 介绍 执行make menuconfig后，界面显示如下： 其中： 项目 备注 SDK tool configurati...
stm32 lvgl gui_guider
09-08
STM32是一款很受欢迎的单片机系列，而LVGL是一个轻量级GUI图形库。GUI_Guider是一个基于LVGL的图形界面设计工具，它可以帮助开发人员更轻松地创建和设计嵌入式设备的用户界面。 GUI_Guider具有易于使用的接口和工具，使开发人员能够快速构建具有各种功能的图形界面。它支持很多常见的界面元素，如文本、按钮、进度条、滑块等，并且还能够自定义界面的外观和主题。 使用GUI_Guider，开发人员可以通过拖放和配置来创建界面元素，而不需要编写复杂的代码。界面元素可以直接在工具上进行编辑和设置，包括位置、大小、样式、绑定的数据等。开发人员还可以通过连接不同的界面元素来创建交互逻辑，实现动态的用户界面。 一旦界面设计完成，GUI_Guider可以将界面导出为C代码，以方便在STM32微控制器上运行。导出的代码可以直接与LVGL库集成，使界面元素能够实时地在设备上显示和交互。 总之，STM32 lvgl GUI_Guider是一个方便易用的工具，为开发人员提供了一个快速创建、设计和实现嵌入式设备图形界面的解决方案。它可以大大简化开发过程，提高开发效率，并为用户提供更好的交互体验。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

工程师进阶笔记

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

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

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

打赏作者

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

抵扣说明：

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

余额充值