码字不容易，转载请说明出处，本分享基于免费性质，禁止收集倒卖的行为，对上述行为本人保留追究权利。
文末扫码关注公众号，获取文章源码
1 c, Z( V2 T: e$ e+ n) q
【TouchGFX分享】文章合辑
$ V1 r( Z9 Q6 A  H
( B0 W! {% G5 n( {3 ]  `. Z初级篇：
【TouchGFX分享】裸机移植TouchGFX 初级篇一
' {: u, k* `3 C

• 所用的软件及版本：
  6 J, K7 D2 r* z

• CubeMX 5.5.0
• TouchGFX 4.13
• TouchGFX Designer 4.13
• STM32CubeIDE 1.1.0
• Visual Studio 2019
  3 d& g1 K8 w1 b

7 p1 z+ T. T# |4 w

• 硬件环境：
  6 L9 k; Y# F7 R. ]& g

• 自制电路板
• MCU型号：STM32F429IIT6，1M Flash，192K RAM
• SDRAM：32位16M字节容量SDRAM
• 显示屏：RGB888，4.3寸480x272
• 实时操作系统：无
  1 v+ I$ _2 O# I- G

• 实现效果：
  0 L+ {. ?: y; d  @# a

                                

• DEMO说明：
  9 G$ N5 n/ ^$ m7 s: W/ B, r

该DEMO主要介绍TouchGFX快速配置，并显示一个最简单的TouchGFX界面。需要在CubeMX配置的模块为：

• 外部高速时钟，外部输入时钟为无源8M晶振；
• SWD仿真，用于程序在线仿真；
• FMC，驱动SDRAM用作显存的功能，以及TouchGFX的frame缓冲，对于小尺寸如320x240来说，外部SDRAM并不是必须的，若内部RAM的大小足以支撑屏幕的显示，可以不使用外部SDRAM；
• DMA2D，用于图形界面的加速；
• LTDC，用于驱动RGB显示屏，其他型号的MCU可以使用其他显示接口如MIPI；
• CRC，使用TouchGFX必须要使能；
• GPIO，用于控制屏幕的背光；
• X-CUBE-TOUCHGFX。
  

• 视频教程：
  1 {7 c$ O, P7 ]  g. N0 n& g

9 \4 L$ d+ y6 @' z

• 文字实现步骤：
  / ^* G  @# @4 X; X% _  Q5 u

①下载TouchGFX扩展包；


  q+ x- T  S3 Z: d7 l5 l
! o" @( B: T. t6 R& \②添加TouchGFX扩展包；

7 L) Y9 w3 H* F) A, S. h
5 X6 h; B1 R) D③使能外部高速时钟；
0 ?+ L6 @/ S8 C, C0 g

④使能SWD仿真接口，如果不使能，程序烧写后，下一次无法进行仿真，此时要重新擦除内部flash内容；
: r4 p0 X/ b  D' I

7 J" R: G& ?0 `4 y⑤使能FMC，注意根据原理图配置对应管脚，并根据SDRAM的手册设置时钟和时序；
% c6 V+ x2 F; I+ |, G/ s


8 o7 e1 ~/ `3 n& M
⑥使能DMA2D;

& w5 N; z2 O" l) K1 f$ d( A, d
/ i/ I# ?; h5 ~; I  T' m⑦使能LTDC，注意根据原理图配置对应管脚，并根据屏幕的手册设置参数，屏幕分辨率为480x272，色深为RGB565，因此屏幕显示需要的空间大小计算公式为宽x高x(色深/8)，RGB565色深为16，RGB888色深为24，所以480x272x(16/8)=261120字节，若屏幕配置为2layer，第二层的地址至少偏移261120字节；


% s3 S- W4 |8 n& D
2 _# Q- h3 a1 {7 r9 O) |
⑧使能CRC；


( M6 M8 N% N& f$ D) R' @, ^⑨使能TouchGFX扩展插件，配置TouchGFX参数；
, E7 ^5 [3 T; \! k. ]$ j( l9 t9 b

9 ?2 q; H+ u0 ^⑩配置NVIC和优先级；

- u4 ?" q0 D& G# I* e
$ A4 b* a; F1 ~1 o  w+ e⑪配置系统时钟；
: a: }7 i7 R4 H1 C! Z/ v

⑫设置工程名称和路径，选择IDE和HAL库版本；


⑬点击生成代码；
# N4 X. Q: S, i: {/ }8 i

⑭查看生成的代码文件；
& t! n7 O- b3 }" l' G% c

⑮打开TouchGFX Designer导入CubeMX生成的模板；



⑯添加一个box控件作背景；
* p# a- v- L* z$ ?: @

⑰添加一个文字控件；


8 n" L, d" y7 Q. L4 A' R⑱修改box控件的名称，尺寸；

) U% ?  B3 z- O" p! f
⑲修改box控件颜色；

% \, [0 X- c% A# G) s& {1 N
⑳修改文字控件的名称，位置，文字内容，字体和颜色；


! f: g! ?1 Z7 z㉑点击生成代码；

) [2 r; m, j1 b% }8 O0 D( v
" {6 S5 G$ ?7 C㉒打开STM32CubeIDE，导入工程；

: p. K, j3 L. o. x3 ~* g
7 z) A- n* }. h& w/ @/ o

! z9 D$ K" H: B) Y2 u0 }$ B! G
5 x% |  P9 F0 X; G2 _㉓添加SDRAM刷新初始化函数和相应头文件；


0 [+ ?, {4 `* B6 w5 D

2 T% k) v, T/ |+ u㉔添加头文件路径；
: |0 q2 Y( N% T! `. H

3 J5 Z! l' J! m* c

㉕点击编译；

# q" _' r  Z6 q5 O+ c- ]8 ~
㉖点击仿真；
( d( Q/ U7 f+ |' T
; W, h3 Z+ n, I
# ]) N  ^4 C/ S+ u/ |! C2 `( K㉗最终下载到板子上的效果如下，本次分享结束。
" t2 I- p. v' Z0 {

3 p9 j) K( b# I7 R) h
扫码关注公众号，回复"101"获取文章源码：
. F7 W- y2 i) i* ~                                    

码字不容易，转载请说明出处，本分享基于免费性质，禁止收集倒卖的行为，对上述行为本人保留追究权利。


/ t# m* @- f4 A! i
" r: z# {( M* g# z+ a9 [
" I' X) L! R" d' U) `


% j$ o# k* e, [5 N


5 l" H6 ^$ m% F1 O+ x

' c/ t; K: s6 M3 J  o

赞，学习了

感谢楼主！写的很好，看来是自己做的板子，正需要从零开始移植这方面的资料。

请问老大，我的板卡是STM32H7B3I ，下载TouchGFX 模板，自己加入UI文件，配置UI为RGB888(只能有这个选项)，更新工程后。编译下载，运行后屏幕花屏。但是用TouchGFX目标板仿真却没有问题。请问啥问题？
, _) k$ @1 D  b$ B5 Z0 j  q8 e7 n