自从ST收购了TouchGFX之后，就不遗余力的去推广这个GUI，就算是ThreadX的免费开源也没有动摇ST的决定。可是由于资料少，官方文档不完善，入门相对困难，本次笔者以STM32H735 DK这一块板子实现一个Hello World的例子（注：TouchGFX的学习一切以demo与官方文档为主）。
6 A3 u' X* D4 E7 x
2 r/ p0 @" m6 l2 t8 ?" Q& X本次需要安装两个软件，一个是TouchGFX Designer，另一个是STM32CubeProgrammer。
4 F8 J' ~2 k  j; ~' ]4 A5 A9 NTouchGFX Designer 下载链接：https://www.st.com/en/embedded-software/x-cube-touchgfx.html
. A( P, [* G4 v! B! P7 y& lSTM32CubeProgrammer 下载链接：https://www.st.com/en/development-tools/stm32cubeprog.html
1 @9 F* J9 X! E( l需要准备一张图片，需要png格式，名称不能出现全角字符（汉字）。

7 l1 J: d  C. n! [  r7 B% L打开TouchGFX Designer是这样一个界面，主要有两个大按键分别是APPLICATION TEMPLATE（应用模板）以及UI TEMPLATE（UI例子）。在这个界面也可以设置工程名称以及工程路径，点击那个上面有个屏幕的按钮。
) e3 x- w( e6 f  u# Y7 U
  I; e' h. H! |. @" `! p0 K选择自己的板子（如果板子不在这里列表的，就需要自己去移植），这里笔者选择的是STM32H735G DK，选择之后点击SELECT。
2 {0 A3 }( d0 }8 j( y3 D! V7 |
& I6 P0 _, S- I2 e5 A) y! L配置好工程名称以及路径后，点击CREATE按钮，软件会自动去网上下载需要的文件（有时下载会很慢；如果提示失败，就再尝试一次）。

完成后界面如图：

' p' M6 M% N$ n  H% f0 d先添加一个背景，点击+，选择box

0 s' b4 D' s- _" C9 X" \6 D点击图中的box控件，把它拖拉填充至整个屏幕。
$ B- _1 T2 h9 T4 M/ P
接下面把准备好的图片添加到工程，点击上方的images按钮，点击+添加准备好的图片（png格式，名称不能出现全角字符）

添加好之后，点击可以在右面查看相关信息（如果变红，请检查文件格式以及文件名称）

点击Canvas回到画布，接下来添加一张图片，点击+，选择image。

! c) B$ V: x" I+ M/ z点击右面已经添加好的图片控件，在右面选择使用的图片。

接下来添加一张按钮（无功能，拿来测一下触摸屏），点击+，选择Button。
6 J+ P; K) N5 R/ i; P& g: b
接下来添加一字符串，点击+，选择Text Area。

, z: {8 ]$ d+ c0 ~% V7 W+ I* I点击右面已经添加好的字符串控件，在右面选择输入想要显示的字符串。

# o" U0 l! \. |/ O$ G对界面排排版，界面右上角的三个按钮功能分别是运行仿真、下载到板子、生成代码。

: o8 z& b: r" i+ A0 X这里我们点击一下Run Simulator跑一下仿真（需要等一会，不要着急），屏幕会出现模拟的界面。

关闭仿真界面，点击Run Target将程序下载到板子上（需安装STM32CubeProgrammer，也很慢，等到STlink灯闪烁就代表开始下载了）。这个界面与仿真出来的完全一模一样，非常漂亮。
  ~9 k. @. E3 J; P% m4 }6 h. A在整个操作过程中，没有输入一句代码，就完成了一个基础的TouchGFX的Hello World程序。
# K% q( N& ~8 y, X6 C: {为了方便以后使用，建议安装Visual Studio软件（Visual Studio 2010以上版本）。有机会的笔者也会继续写与TouchGFX相关的教程。
. W8 B+ n6 P5 }( a9 N
5 n% r! m$ f. ]# _6 w6 U5 G$ z3 t最后，感谢日天兄
" I, A3 j2 E, {: W- ^7 q' z

这是一篇好的分享，顶顶顶！
1 A/ c2 [. Y2 w3 K# K4 q