【快速入门 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秒左右,耐心等待即可。

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

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

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

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


相关推荐
Freak嵌入式2 天前
LVGL基础知识和概念:视觉样式与资源系统
ide·驱动开发·嵌入式·lvgl·micropython·upypi
禅口魔心2 天前
KelpBar 智慧屏项目学习 —— 简单的修改
lvgl·嵌入式开发·kelpbar
养一回月亮!8 天前
STM32F407VET6驱动1.8寸TFT LCD移植LVGL,实现矩阵按键控制UI
stm32·单片机·lvgl
嵌入式科普12 天前
嵌入式科普(46)LVGL Pro与瑞萨e2studio集成免费商用指南
lvgl·renesas
特立独行的猫a16 天前
OpenHarmony海思WS63星闪平台:LVGL UI框架底层显示驱动移植指南
ui·lvgl·移植·openharmony·驱动·ws63
特立独行的猫a16 天前
OpenHarmony海思WS63星闪平台:LVGL 9 + LittleFS:字库文件按需流式加载,减少内存占用的实践笔记
lvgl·openharmony·海思·littlefs·流式加载·ws63·hi3863
Hello_Embed1 个月前
LVGL 入门(一):环境搭建与源码获取
笔记·stm32·单片机·嵌入式·lvgl
云山雾村2 个月前
STM32+外部SDRAM提升LVGL运行效率的完整示例
lvgl
摆摊的豆丁2 个月前
LVGL Cortex-A7 优化完整指南
lvgl
熊猫_豆豆2 个月前
LVGL8制作大学生校园课程表(课表、成绩、计时提醒功能)界面
课程设计·lvgl·美工·大学生课表