【海东青电子原创文章，转载请注明出处：https://www.jianshu.com/p/5589cacb50da】

一直关注本人关于touchgfx开发文章的读者，可能还记得整整半年之前就说过，要更新一篇从零开始配置touchgfx的文章。漫长的半年时间过去了，这个文章终于来了，这期间发生了2件事情：测试touchgfx的目标板，由之前一直使用的769I-DISCO板子，换成了746G-DISCO，原因是后者的显示驱动部分只用到了LTDC、不涉及DSI，利于简化相关工作。另一个事情，花了2个月时间，详细分析、介绍了touchgfx用到的3个关键基础技术：

1、读写片外RAM：

      《STM32硬件基础--FSMC/FMC总线控制器》

      《STM32硬件基础--FMC读写片外SDRAM》

2、通过QaudSPI总线读写片外FLASH

      《STM32硬件基础--QaudSPI总线读写片外FLASH》

3、LTDC显示参数配置

《STM32硬件基础--LTDC显示图像》

有了上面的基础，配置touchgfx就容易了许多。在实际产品开发过程中，我们不可能完全照搬官方开发板的方案，只能根据产品硬件的具体电路来使用CubeMX配置touchgfx。下面将演示这个过程，使用的仍然是ST的STM32F746G-DISCO开发板，按照选择MCU型号的方式从零开始进行配置。启动CubeMX，选择芯片：

图一

图二

配置调试器模式、时基：

图三

外部时钟：

图四

使能Timer 7，touchgfx系统框架要用到：

图五

片外SDRAM配置（即“显存”，参考：《STM32硬件基础--FMC读写片外SDRAM》）：

图六

特别要注意FMC_SDCKE0这个信号线的管脚映射关系：

图七

使能FMC的中断（touchgfx要求）：

图八

（图八中的中断优先级实际配置的是5，方法见下面的图十四）

FMC配置完毕，下面配置QaudSPI（参考：《STM32硬件基础--QaudSPI总线读写片外FLASH》）：

图九

仍然要注意管脚映射关系：

图十

接着配置LTDC：

图十一

图十二

请注意上图中0xC000 0000那个地址，这是FMC上挂接的片外SDRAM的首地址，是图片缓冲区的开始地址。另外，需要使能LTDC的中断（touchgfx要求）：

图十三

上图中的中断优先级本来默认是为0 的，这里修改为5，修改方法见下：

图十四

修改管脚映射关系：

图十五

还需要配置显示屏RK043FN48H用到的2个控制信号线：背光（PK3）和休眠控制（PI12）：

图十六

至此，LTDC配置完毕。下面配置CRC和DMA2D（touchgfx要求），使能它们：

图十七

图十八

并使能DMA2D的中断：

图十九

图二十

下面配置FreeRTOS：

图二十一

增加FreeRTOS默认任务的堆栈长度：

图二十二

图二十三

最后，配置TouchGFX中间件：

图二十四

图中一些项目仅一个项目可选或灰色不可更改，是因为之前我们已经做了相关配置。来看看 TouchGFX 选项卡：

图二十五

如果显示的TouchGFX Designer 的安装路径不正确的话，可以手动选取正确路径。注意，此时右侧的 Excute 按钮是灰色无效状态的，需要经过后续的操作才能变成有效。

STM32F746G-DISCO板子上，显示屏是自动上电复位的，LCD不需要复位引脚、不必配置（769I-DISCO板子是需要配置的）：

图二十六

最后，将主时钟设置为216MHz、LCD像素时钟为9.6MHz：

图二十七

生成IAR的代码：

图二十八

弹出对话框，提示TouchGFX未完成配置，先不理他，选 Yes：

图二十九

代码生成完毕后，弹出：

图三十

选 Close，先不打开代码工程。回到GRAPHICS选项卡，可以看到图二十五中灰色按钮变成有效状态了：

图三十一

点击 Execute ，自动启动 TouchGFX Designer，先放置一个绿色背景：

图三十二

添加一行文字（英文；中文需要特殊处理，见《TouchGFX基础：显示中文》）：

图三十三

Ctrl+S，保存当前图像设计，然后点击右上角的 Generate Code，等待完成：

图三十四

TouchGFX Designer底部显示：Code generation complete，表明代码构建完毕，工程目录如下：

图三十五

对比CubeMX之前生成的目录：

图三十六

多出一个 TouchGFX 目录，其中包含了TouchGFX 的资源文件、代码、VC模拟器等内容。修改TouchGFX 工程文件（后缀 .touchgfx）：

图三十七

使用任何文本编辑器，添加红框中的内容：

图三十八

回到CubeMX，点击 GENERATE CODE，重新生成工程：

图三十九

打开IAR工程，编译、生成目标代码，烧写到746G-DISCO开发板：

图四十

板子上运行的效果是这样的：

图四十一

这么简单的图像、文字显示，对于TouchGFX来说，仅仅是一小步，但对于初学者来说，却是一大步！

将背景换成一幅480x272的png格式图片：

图四十二

重新编译、烧写到目标板，效果如下：

图四十三

本文完整的代码下载地址：https://github.com/haidongqing/touchgfx-cubemx 。

下一讲将讲解如何配置触摸屏：《使用STM32CubeMX创建TouchGFX应用程序（四）-- 触屏驱动》。