【快速入门 LVGL】-- 3、Gui Guider 新建工程

一、新建 Gui Guider 工程

1、打开Gui Guider,创建一个新工程

2、选择LVGL版本

注意:Guider版本不同,这里的LVGL版本也将有所不同。

2、 选择:模拟器

3、选择模板:空白UI

注意:Guider版本不同,这里的"EmptyUI"所处位置也将有所不同。

4、设置工程名称、显示屏参数

要注意,目前的版本: 工程名称、存放路径 ,不支持中文,也不能有空格;


二、软件设置

1、设置为中文界面

2、设置软件主题:Dark


三、添加控件

1、添加控件、调整位置

2、点击控件栏下方的四方框,能展开全部控件

3、为控件选择更美观的效果


四、运行模拟器

1、运行模拟效果

点击右上角的"绿色三角形",选择"C"作为生成的代码。

然后,会有一个弹窗:

点击确认后,就会开始生成代码,第一次生成的,时间会比较长,大约30秒左右,耐心等待即可。

代码生成完成后,会自动运行效果:

可以通过鼠标的点击,观看按钮的状态变化。

我们还没有为按钮添加事件,所以,只能观看到按下的状态变化。

至此,示范工程先完成简单的效果,点击保存。


相关推荐
学生哥-_-2 天前
STM32通过KEIL pack包轻松移植LVGL,并学会使用GUI guider
stm32·lvgl·tftlcd·gui guider·gt911
HelloTonyGo8 天前
在MDK中自动部署LVGL,在stm32f407ZGT6移植LVGL-8.3,运行demo,显示label
stm32·嵌入式硬件·lvgl
花落已飘13 天前
LVGL(lv_keyboard键盘)
c语言·ui·lvgl
A-code20 天前
如何在LVGL之外的线程更新UI内容
ui·嵌入式·lvgl
花落已飘25 天前
LVGL(lv_btnmatrix矩阵按钮)
ui·c·lvgl
HHONGQI1231 个月前
LVGL -meter的应用
lvgl·meter
Jaron JI1 个月前
LVGL模拟器:NXP GUIDER+VSCODE
lvgl
Invinciblenuonuo2 个月前
实习技能记录【2】-----LVGL[基本概念]
gui·lvgl·嵌入式软件
爱学电子的刻刻帝2 个月前
基于FreeRTOS和LVGL的多功能低功耗智能手表
stm32·freertos·lvgl·智能手表
小灰灰搞电子3 个月前
LVGL移植详细教程(基于STM32F407+rt-thread+FSMC接口屏+V9版本)
stm32·lvgl