什么是GUI-Guider？

GUI Guider是恩智浦为LVGL开发了一个上位机GUI设计工具，可以通过拖放控件的方式设计LVGL GUI页面，加速GUI的设计。设计完成的GUI页面可以在PC上仿真运行，确认设计完毕之后可以生成C代码，再整合到MCU项目中。

GUI Guider（Version: 1.0.0-GA）的主要特征：

支持Windows 10和Ubuntu 20.04。支持中文、英文。兼容LVGL V7.4.0版本。支持拖放的所见即所得(WYSIWYG)用户界面设计。多种字体支持及第三方字体导入。可定制的中文字符范围。小部件对齐方式:左、中、右。自动产生LVGL C语言源代码。支持默认样式和自定义样式。演示应用程序集成。实时日志显示。集成上位机仿真器。GUI-Guider下载1、NXP官网下载

链接：

进入NXP官网的软件中心搜索：GUI Guider，即可找到：

可根据自己需要下载Windows10版本或者Ubuntu版本。

2、私信回复

如果嫌官网下载麻烦也可以在本公众号后台回复关键词：GUI-Guider下载，即可获取。

GUI-Guider的使用

首先需要创建工程：

① 设置工程名字；

② 设置工程路径；

③ 选择平台模板；

④ 选择应用模板（可选）；

⑤ 选择设备支持的颜色深度；

⑥ 选择设备支持的屏幕分辨率；

⑦ 创建工程。

创建完工程之后进入GUI设计页面：

左侧是组件区，中间是设计区，右边是控件地属性设置区。按照自己地需要设计GUI页面，如：

运行模拟器预览一下效果：

没问题之后就可以生成代码（记得先保存工程），在Guider中也可以在代码窗口查看生成的代码：

生成的代码在Guider工程目录的generated文件夹下：

下面开始把我们设计好的GUI整合到我们的嵌入式项目中。

下面以STM32为例。

我们使用之前LittlevGL在STM32上的移植使用 的文章中的工程。把generated文件夹工程整个复制到我们的keil工程目录中：

接着在keil工程添加相关源文件、添加头文件路径：

然后编写测试代码进行测试：

下载到板子里：

以上就是使用GUI Guider上位机设计好LVGL GUI页面并移植到MCU工程的整个过程，可以看到通过简单地托控件地方式就可以很方便地设计我们的GUI页面，相对于之前直接堆代码的方式快速了很多。

关于GUI Guider的更详细的使用可多查阅GUI Guider用户手册文档：

关于LVGL各控件地使用可以多参考GUI Guider集成的综合demo及官方的lv_examples，GUI Guider集成的综合demo可以在新建工程选择应用模板时进行选择，如：

以上就是本次的分享，如果文章对你有帮助，麻烦帮忙转发转发，谢谢！

私信回复关键词：GUI-Guider下载，可获获取GUI-Guider安装包及本文实例demo。

猜你喜欢：

基于vs2019的lvgl模拟器使用

如何同时输出调试信息到终端与文件？

如何查看Linux命令工具的源码？

C语言、嵌入式中一些非常实用的宏技巧

1024G 嵌入式资源大放送！包括但不限于C/C++、单片机、Linux等。私信回复1024，即可免费获取！