参加本次峰会，在现场参加了下午场的GUI解决方案实训，ST和正点原子提供STM32H7RX开发板用作现场的演示平台，演示如何使用TouchGFX在开发板上实现GUI界面设计、GUI逻辑变换以及修改原有代码实现界面设计。

TouchGFX软件包含基于STM32的GUI应用开发提供了所需的一切。 TouchGFX包含三个主要部分 - 两个工具和一个框架。

• TouchGFX Designer：TouchGFX中易于使用的GUI构建工具，可以创建TouchGFX应用程序的视觉外观。
• TouchGFX Generator: 用户可以通过配置STM32CubeMX 插件并根据用户自己的基于STM32的硬件来生成用户自定义的TouchGFX Abstraction Layer (AL).
• TouchGFX 引擎：用于驱动UI应用程序的TouchGFX C++框架， 以及处理屏幕更新、用户事件和定时等。 先进的TouchGFX技术针对STM32微控制器进行了优化，从而以最低CPU负荷和内存消耗实现提供最佳性能。

之前不熟悉TouchGFX的使用，通过现场的实训，大致了解如何使用TouchGFX设计GUI界面，并设计相应的交互逻辑。

TouchGFX安装

在官方的软件安装包界面下载TouchGFX拓展包。 https://www.st.com/en/development-tools/touchgfxdesigner.html

在下载的拓展包中有TouchGFX Designer的安装包，安装后即可使用TouchGFX工具进行GUI设计。

由于STM32H7RX系列芯片烧录应用程序需要使用下载算法(这里使用现场提供的EML_MX25UM51245G_STM32H7S7L8H6.stldr)，在使用TouchGFX开发程序时，需要将下载算法安装到单独的ST Programmer的算法安装目录中，而不是STM32CubeIDE的算法安装目录中。ST Programmer的算法安装目录是在 C:\Program Files\STMicroelectronics\STM32Cube\STM32CubeProgrammer\bin\ExternalLoader

STM32CubeIDE的则是在C:\ST\STM32CubeIDE_1.18.0\STM32CubeIDE\plugins\com.st.stm32cube.ide.mcu.externaltools.cubeprogrammer.win32_2.2.100.202412061334\tools\bin\ExternalLoader

烧录算法文件安装不正确，使用TouchGFX开发程序时就无法烧录程序到开发板。

界面设计

现场提供设计好的TouchGFX模板，将tpa文件(包括适配开发板的TBS-H7R7-ATK-0784-1.0.0.tpa以及TGUI-CoffeeMachine-WS7-P30-1.0.0.tpa、TGUI-CoffeeMachine-WS7-P31-1.0.0.tpa、TGUI-CoffeeMachine-WS7-P32-1.0.0.tpa三个示例模板文件)放到指定目录中在创建Demo时就可以进行选择，在此基础上进行应用程序的开发。

在创建界面选择对应的开发板

在Demo界面选择导入的示例模板.

点击创建工程，完成适用于开发板的工程创建。

在界面的上方可以添加不同的图形控件。首先添加 image控件。

在右侧的控件属性栏中设置控件的参数、图片来源等。

通过上方的选项栏添加不同的控件，在界面上添加提示文本等GUI元素。完成一个界面的设计。

点击TouchDesigner右下方的烧录按钮，完成对工程的编译和烧录。

开发板的运行效果如下。

总结

使用TouchGFX Designer进行界面的设计，可以比较快地完成GUI的布局，而且代码的工作量少，很适合在设计验证阶段进行GUI交互部分的开发。