GuiGuider（恩智浦）是PC端GUI设计工具，可以通过拖放控件方式设计LVGLGUI页面，加速GUI设计。设计完成后可在PC上仿真运行，确认设计完毕后生成python脚本，再整合入模组中。完成开发。
本文将介绍如何使用GUIGuider辅助进行QuecpythonLVGL开发。
GUIGuider的主要特征
正确安装好GuiGuider就可以开始设计GUI了，设计好模拟完毕后即可一键生成python代码，经过少量修改后就可以下载到模块中运行了。下面是具体的使用步骤。
打开GuiGuider，在下面界面选择Createanewproject。
进入下面界面后选择v8.3.5，点击next进入下一步。
在下面界面选择simulator模拟器。
在下面界面选择一个模板，您可根据需要选择，如下有播放器，标签，仪表盘等，选择完点击next进入下一步。
在下面界面的右侧填写项目名，选择保存路径，色深选择16位，根据项目LCD的实际分辨率选择分辨率，填写完成点击Create创建工程。
创建完项目后进入UI设计界面，下面为几个主要的区域的介绍。
请按照如下步骤完成UI的设计：
创建所有需要的界面，命名最好规范，方便后面的代码生成及维护；
设计每个界面，将所需的组件拖拽到界面上，调整位置和大小，设置属性；
如需给组件添加事件，比如点击切换界面，则先选中需要添加的组件，再在任意地方鼠标右击，点击AddEvent按钮点开添加事件窗口，如下图所示。
UI设计完成后，点击右上角的三角形图标，选择Micropython模拟器点击启动，在模拟器上查看效果和验证事件。
完成GUI的设计和模拟器模拟后，点击右上角的按钮生成代码。
点击中间视图的CodeViewer可以预览生成的代码，生成的python代码名为gui_guider.py如下。代码路径为工程下的generated目录下。
GUIguider生成的脚本与实际应用的脚本还有些轻微差异。稍微修改后即可直接运行于模组中。主要实际操作如下：
guiguider生成的py文件还需进行一些修改才能适配QuecpythonLVGL。
生成的文件中，对图片的使用采用的的是其自定义的解码接口，而QuecpythonLVGL自带图片解码器，故可直接使用路径调用。
把guiguider生成的py文件中所有的set_src接口的参数修改成图片的路径，示例如下。
img_obj.set_src("U:/demo.png")注意：
guiguider生成的代码中，每个组件都对应生成了一个style，这使得代码非常的臃肿，所以如需进阶开发，还得对其做进一步优化，比如减少不必要的style定义，比如去除不必要的try语句等。