11. GT-HMI Designer 程序移植说明
11.1 UI 设计完成
当使用 GT-HMI Designer 完成对 UI 交互的开发之后，需要点击编译环境设置，设定开发板卡和字库配置，然后点击仿真运行一次，以确保编译生成需要的文件。
图6-1 编译环境设置
图6-2 仿真运行
11.2 复制生成的 UI 文件
找到工程项目所在路径，假如你使用的是 GT-HMI 模块，则你可以直接使用 keil5/board 文件夹中 keil 工程生成程序文件下载使用，无需再进行以下的代码移植操作。
我们来说明使用非 GT-HMI 模块的移植过程，复制当前路径下的 screen 文件夹。
图6-3 工程目录结构
将此文件夹直接复制到已经移植好 GT-HMI Engine 的工程文件夹下。如 stm32f407 的工程，移植过程可以参考第 12 章移植下位机平台流程。
图6-4 复制 screen 文件夹
11.3 将 UI 文件添加进单片机工程中
11.3.1 在工程中添加 screen 文件夹及内部包含的文件
图6-5 添加 screen 文件夹
11.3.2 添加头文件引用路径
图6-6 添加头文件路径
11.3.3 在程序中引用 gt_ui.h 这个头文件
图6-7 引用 gt_ui.h
11.3.4 在 gt_init() 之后调用 gt_ui_init() 函数
图6-8 调用 gt_ui_init()
11.3.5 移植完成
图6-9 移植完成效果
注意以上移植仅移植各页面的调用文件，若使用图片和字库等需额外进行导入素材操作，请参考第 12.2 节、第 12.3 节将素材和素材调用文件导入工程。后续素材不变动，仅 UI 部分调整时，只需重复以上步骤替换 screen 文件夹即可。