STM32(F103ZET6)第二十三课：绘图软件GUI的使用与移植

需求

1.安装GUI-guider制图软件。
2.学会使用GUI-guider设计界面。
3.学会将GUI-guider设计后的界面移植到项目工程中。

一、GUI-Guider的获取与安装

GUI Guider是恩智浦提供的用户友好型图形用户界面开发工具，可通过开源LVGL图形库快速开发高品质的显示。GUI Guider的拖放编辑器可以轻松利用LVGL的众多特性，如小部件、动画和样式来创建GUI，而只需少量代码或根本无需任何代码。
单击按钮，您可以在模拟环境中运行应用或将其导出到目标项目。可以很轻松地将GUI Guider生成的代码添加到MCUXpresso IDE或IAR Embedded Workbench项目中，从而加速开发过程，并允许无缝地将嵌入式用户界面添加到应用中。
GUI Guider可免费与恩智浦的通用和跨界MCU一起使用，并包括用于多个受支持平台的内置项目模板。

1、GUI-Guider的获取

通过恩智浦的官方网站进行下载：
恩智浦官网
使用介绍：
官方使用方法

2、GUI-Guider的安装

1、先安装java环境



java环境安装到默认环境即可。

2、安装Gui_Guider：

二、使用步骤

1、GUI创建项目

创建工程步骤：

2、GUI的快速使用

1界面介绍：

2导入字体：字体路径不能有中文，字体名字不能有中文

3、做完界面点击生成即可。如果生成的界面是白屏，就说明你的JAVA环境没装好

三、项目移植过程

1、找到项目建立时的文件夹，找到如图文件夹

2、添加源文件到工程里：

3、添加到项目工程中
将generated文件中.c全部添加到工程中

4、添加头文件路径：

5、修改头文件路径：

6、删除这个包含的头文件

7、修改gui_guider.c文件

将setup_ui中的前三条屏蔽掉，声明一下lv_ui guider_ui;
如果有多个屏幕，需要将多个屏幕加载一下，如红框里的。
在gui_guider.c文件中添加定义：lv_ui guider_ui;

8、在主函数中进行初始化

此时，我们就将自己在GUI-Guider中设计好的界面移植到工程中了。
1.GUI-Guider部件设计时，取名一定要简介明了，方便后续移植到工程中进行修改。如果在设计界面运行不了，一定要重新设计。

2.想要放置图标，而GUI-Guider界面中没有，可以去阿里矢量图标库中查找，然后当做字体导入到项目中。
阿里矢量图标库：阿里矢量图官网
使用过程：
1将图标添加到项目中

2然后下载项目文件到本地：

3从下载的文件中，找到ttf字体文件导入到工程里

4显示时，直接从网站上复制对应的字符填入到文本框内，并且选择字体为导入的图标字体即可显示

5字体选择自己生成的字体即可
6之后重新移植即可

3.字体图标越大，越占用空间，cpu资源紧张的情况下，一定一定要能省则省，尽量不使用图片。