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

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

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

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

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


相关推荐
Projectsauron1 个月前
LVGL 控件之矩阵按钮(lv_buttonmatrix)
嵌入式·lvgl
1234567890@world1 个月前
LVGL | VisualStuio PC模拟器
lvgl
Projectsauron1 个月前
LVGL 控件之日历(lv_calendar)
嵌入式·lvgl
昵称p1 个月前
系统编程-lvgl
linux·lvgl·系统编程
启明智显1 个月前
【启明智显技术分享】工业级HMI芯片Model系列GUI合成到项目中的指南
嵌入式硬件·gui·lvgl·嵌入式开发·hmi方案
Sandman6z3 个月前
LVGL ArchLinux VSCode环境运行
ide·vscode·编辑器·lvgl·archlinux
xiaoyaoyou.xyz3 个月前
嵌入式UI开发-lvgl+wsl2+vscode系列:7、滚动(Scrolling)
ui·lvgl
xiaoyaoyou.xyz3 个月前
嵌入式UI开发-lvgl+wsl2+vscode系列:5、事件(Events)
单片机·ui·lvgl
DOT小文哥3 个月前
百问网全志D1h开发板LVGL9移植详细教程
elasticsearch·gui·lvgl·risc-v·全志·显示
wabil4 个月前
MAC 下搭建LVGL仿真器
lvgl