基于STM32F746官方Discovery板TouchGFX Gui基础篇

资料下载见附件，电脑登入

技术群：171897584

先来看几张TouchGFX做出来的效果图：

一、TouchGFX框架包括TouchGFX Designer（TouchGFXDesigner）（一种易于使用，基于拖放的图形构建PC工具）以及TouchGFX引擎（一种功能强大且经过优化的图形核心）。TouchGFX结合了所见即所得的模拟器和自动代码生成功能，使GUI开发变得容易。它涵盖了从早期设计草图到独家最终产品的所有步骤，以及对最终原型的快速迭代。

TouchGFX Designer可作为独立的软件工具使用，可以轻松，快速地进行图形评估和概念验证。TouchGFX框架（包括TouchGFX Designer）在STM32Cube MCU软件包中分发。它与STM32CubeMX初始化和代码生成工具完全兼容，可在统一项目环境中无缝地共同开发图形和主要应用程序。同时TouchGFX使用C++开发。

TouchGFX Designer目前最新版本4.13，官方下载地址如下：

https://www.st.com/content/st_com/en/products/development-tools/software-development-tools/stm32-software-development-tools/stm32-configurators-and-code-generators/touchgfxdesigner.html#overview

下载完后设置全部默认，安装目录不可以有空格和中文（根据提示基本都是点Next）：

打开是TouchGFX 4.13 Designer如下图说明安装成功，右边是我已创建工程：

二、先去下载Visual Studio（也可以不装），微软提供免费的软件，这里是2019版本，如果已经安装之前版本的那就不需要安装了.

下载地址：https://visualstudio.microsoft.com/zh-hans/free-developer-offers/

三、安装STM32CubeMX（最新版本5.6）

下载地址：https://www.st.com/zh/development-tools/stm32cubemx.html#

安装路径同样不要出现空格和中文。

四、安装Keli5-MDK

下载地址：https://www.keil.com/download/product

五、通过TouchGFX Designer新建工程

打开TouchGFX Designer软件，选择保存目录，并找到官方提供demo板的板卡型号（点CHANGE）:

点GREATE创建工程（要联网否则无法创建成功）：

然后可以展开自己项目需求来进行界面处理。然后添加图片和其它界面元素:

上图是我前面新建的工程。软件最左边是控件根据需要自己往里拖以及新建界面等，右边是控件的属性（选择图片、修改字体属性、控件的参数等）。

添加中文字库，点最上方中间Texts，并按如下图选择：

如果没有任何错误的话点Run Simulator（模拟仿真），如下图所示：

点右上角生成代码（如无错误的话左下方会提示生成代码成功）：

找到对应的工程目录，打开MDK工程文件并编译下载程序即可看到模拟仿真的画面：

六、TouchGFX官网DEMO资源

https://www.touchgfx.com/resources/demos/

主要都是hex烧写文件：

STM32F746-DISCO_demos文件解压后的文件