自从ST收购了TouchGFX之后，就不遗余力的去推广这个GUI，就算是ThreadX的免费开源也没有动摇ST的决定。可是由于资料少，官方文档不完善，入门相对困难，本次笔者以STM32H735 DK这一块板子实现一个Hello World的例子（注：TouchGFX的学习一切以demo与官方文档为主）。
/ X7 {1 Q1 J/ s- U# q% g, F
. G+ }4 Q9 Z/ E' j8 J本次需要安装两个软件，一个是TouchGFX Designer，另一个是STM32CubeProgrammer。
TouchGFX Designer 下载链接：https://www.st.com/en/embedded-software/x-cube-touchgfx.html
3 t; |, J" m+ U+ n- t5 E8 O* gSTM32CubeProgrammer 下载链接：https://www.st.com/en/development-tools/stm32cubeprog.html
需要准备一张图片，需要png格式，名称不能出现全角字符（汉字）。

打开TouchGFX Designer是这样一个界面，主要有两个大按键分别是APPLICATION TEMPLATE（应用模板）以及UI TEMPLATE（UI例子）。在这个界面也可以设置工程名称以及工程路径，点击那个上面有个屏幕的按钮。

选择自己的板子（如果板子不在这里列表的，就需要自己去移植），这里笔者选择的是STM32H735G DK，选择之后点击SELECT。
' J2 c' c' V  `5 u  }
, i5 S5 i" g8 T& m5 g配置好工程名称以及路径后，点击CREATE按钮，软件会自动去网上下载需要的文件（有时下载会很慢；如果提示失败，就再尝试一次）。
+ h- m) `2 S1 N+ b7 }6 d9 p& z
& @5 k: s. v( R" x1 G完成后界面如图：

先添加一个背景，点击+，选择box

点击图中的box控件，把它拖拉填充至整个屏幕。
" m1 f5 N5 W+ k  G* s
- y& {: c/ @1 y1 e+ Q7 h9 V接下面把准备好的图片添加到工程，点击上方的images按钮，点击+添加准备好的图片（png格式，名称不能出现全角字符）
1 j) @. L0 x% t% H! M
添加好之后，点击可以在右面查看相关信息（如果变红，请检查文件格式以及文件名称）

9 c  W. B# O. m& C: @点击Canvas回到画布，接下来添加一张图片，点击+，选择image。
) i0 }) e5 h# G
点击右面已经添加好的图片控件，在右面选择使用的图片。
$ V. H! J  o% e0 C/ q- E
接下来添加一张按钮（无功能，拿来测一下触摸屏），点击+，选择Button。

接下来添加一字符串，点击+，选择Text Area。

! |9 O2 a' x: z/ q' W点击右面已经添加好的字符串控件，在右面选择输入想要显示的字符串。
5 b- v% `# D+ a2 _
2 Z2 l- ^! L+ m9 z0 ^) J对界面排排版，界面右上角的三个按钮功能分别是运行仿真、下载到板子、生成代码。
  k+ j7 V5 m. L0 f+ u
这里我们点击一下Run Simulator跑一下仿真（需要等一会，不要着急），屏幕会出现模拟的界面。
8 t9 V; J- |" M6 I; q0 E. E
关闭仿真界面，点击Run Target将程序下载到板子上（需安装STM32CubeProgrammer，也很慢，等到STlink灯闪烁就代表开始下载了）。这个界面与仿真出来的完全一模一样，非常漂亮。
在整个操作过程中，没有输入一句代码，就完成了一个基础的TouchGFX的Hello World程序。
为了方便以后使用，建议安装Visual Studio软件（Visual Studio 2010以上版本）。有机会的笔者也会继续写与TouchGFX相关的教程。

最后，感谢日天兄
1 e) y/ j& d6 Z2 [7 [

9 l% @/ W8 {% B) i4 w! c; P" P8 P

这是一篇好的分享，顶顶顶！