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

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

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

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

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


相关推荐
The_superstar611 天前
衡山派lvgl小练
串口·lvgl·衡山派·ds133ebs
The_superstar613 天前
衡山派LVGL注意点
单片机·lvgl·衡山派·俊杰
xzl0416 天前
LVGL显示移植:lv_port_disp.c 详情介绍
rt-thread·lvgl·ra6m3-hmi-board
xzl0419 天前
LVGL输入移植:lv_port_indev.c 详情介绍
lvgl·ra6m3-hmi-board
10Eugene19 天前
LVGL V9增加实体按键 驱动层和应用层的处理
c·lvgl
xzl0423 天前
LVGL 启动流程全解析:RT-Thread 下的界面渲染链路
rt-thread·lvgl
xzl0423 天前
LVGL Coffee UI 接入实战:问题解决全记录
ui·rt-thread·lvgl
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:GUI 的扩展接口
ide·驱动开发·嵌入式·gui·lvgl·micropython·upypi
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:底层渲染与性能优化
人工智能·python·单片机·性能优化·嵌入式·lvgl·micropython
Freak嵌入式1 个月前
MicroPython LVGL基础知识和概念:显示与多屏管理
开发语言·python·github·php·gui·lvgl·micropython