一、新建 Gui Guider 工程
1、打开Gui Guider,创建一个新工程
![](https://file.jishuzhan.net/article/1780264748659511297/2b098168b25e22dec9c1d86a81b056b8.webp)
2、选择LVGL版本
注意:Guider版本不同,这里的LVGL版本也将有所不同。
![](https://file.jishuzhan.net/article/1780264748659511297/d0af54e0480da0f9ee5243643c44cf74.webp)
2、 选择:模拟器
![](https://file.jishuzhan.net/article/1780264748659511297/2de102fc5b3485d781f717a937fb2510.webp)
3、选择模板:空白UI
注意:Guider版本不同,这里的"EmptyUI"所处位置也将有所不同。
![](https://file.jishuzhan.net/article/1780264748659511297/0f7f973a0d431434a2669d2fde3a9d97.webp)
4、设置工程名称、显示屏参数
要注意,目前的版本: 工程名称、存放路径 ,不支持中文,也不能有空格;
![](https://file.jishuzhan.net/article/1780264748659511297/cca8042ff245354345032513bfbb286d.webp)
二、软件设置
1、设置为中文界面
![](https://file.jishuzhan.net/article/1780264748659511297/afff6844b2af15e8b9c17696ca859e9f.webp)
2、设置软件主题:Dark
![](https://file.jishuzhan.net/article/1780264748659511297/7a7b7568ee0d212f2ff71ce973cd35f5.webp)
三、添加控件
1、添加控件、调整位置
![](https://file.jishuzhan.net/article/1780264748659511297/7bb4fab566e1d7f42fb97c5c44ccf947.webp)
2、点击控件栏下方的四方框,能展开全部控件
![](https://file.jishuzhan.net/article/1780264748659511297/a22c3b34bd72452eb775e02f4fe50c91.webp)
3、为控件选择更美观的效果
![](https://file.jishuzhan.net/article/1780264748659511297/e364ccd97846e06fac0c2a32fefd38a7.webp)
四、运行模拟器
1、运行模拟效果
点击右上角的"绿色三角形",选择"C"作为生成的代码。
![](https://file.jishuzhan.net/article/1780264748659511297/6bdc222eee07929ccadfd38bd6bd182f.webp)
然后,会有一个弹窗:
![](https://file.jishuzhan.net/article/1780264748659511297/f8b89b6d020d6fd584ad20185f40f08c.webp)
点击确认后,就会开始生成代码,第一次生成的,时间会比较长,大约30秒左右,耐心等待即可。
![](https://file.jishuzhan.net/article/1780264748659511297/df0333c82508bdc121c041dd3aea687b.webp)
代码生成完成后,会自动运行效果:
![](https://file.jishuzhan.net/article/1780264748659511297/5428cc0b243c39abd4154ea792a63171.webp)
可以通过鼠标的点击,观看按钮的状态变化。
我们还没有为按钮添加事件,所以,只能观看到按下的状态变化。
至此,示范工程先完成简单的效果,点击保存。