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

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

2、 选择:模拟器

3、选择模板:空白UI
注意:Guider版本不同,这里的"EmptyUI"所处位置也将有所不同。

4、设置工程名称、显示屏参数
要注意,目前的版本: 工程名称、存放路径 ,不支持中文,也不能有空格;

二、软件设置
1、设置为中文界面

2、设置软件主题:Dark

三、添加控件
1、添加控件、调整位置

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

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

四、运行模拟器
1、运行模拟效果
点击右上角的"绿色三角形",选择"C"作为生成的代码。

然后,会有一个弹窗:

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

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

可以通过鼠标的点击,观看按钮的状态变化。
我们还没有为按钮添加事件,所以,只能观看到按下的状态变化。
至此,示范工程先完成简单的效果,点击保存。