码字不容易，转载请说明出处，本分享基于免费性质，禁止收集倒卖的行为，对上述行为本人保留追究权利。
文末扫码关注公众号，获取文章源码
' W5 b) g9 p0 Z: N9 T9 ?2 n
【TouchGFX分享】文章合辑

初级篇：
9 U8 I6 }0 G4 O# S1 u+ Y/ g【TouchGFX分享】裸机移植TouchGFX 初级篇一

% R* C6 v9 T2 i0 M7 g6 E

• 所用的软件及版本：
  

• CubeMX 5.5.0
• TouchGFX 4.13
• TouchGFX Designer 4.13
• STM32CubeIDE 1.1.0
• Visual Studio 2019
  9 I# x8 W' \3 W

1 v3 r1 k) ?! |5 A7 t* y

• 硬件环境：
  

• 自制电路板
• MCU型号：STM32F429IIT6，1M Flash，192K RAM
• SDRAM：32位16M字节容量SDRAM
• 显示屏：RGB888，4.3寸480x272
• 实时操作系统：无
  4 q) X- j" P7 P& M4 {6 @! n' _

9 D3 C* q$ P+ |3 t+ i+ `$ @

• 实现效果：
  

                                

• DEMO说明：
  

该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。
  : m" I, u8 M0 r& r

• 视频教程：
  

• 文字实现步骤：
  

①下载TouchGFX扩展包；
, A3 K- C( C1 X2 n: h$ p8 B  t7 ?2 m
1 K( X( w7 q$ ?! |9 \% @; q  _
% l5 i! ~2 x; J0 Y
②添加TouchGFX扩展包；


& D" M! s3 \% @9 h. X7 L& H! ]③使能外部高速时钟；

9 r2 K. \  Z: X* x9 I6 f6 w" f
④使能SWD仿真接口，如果不使能，程序烧写后，下一次无法进行仿真，此时要重新擦除内部flash内容；
% ~% q: R5 Z3 S: f+ X" b+ a

⑤使能FMC，注意根据原理图配置对应管脚，并根据SDRAM的手册设置时钟和时序；
4 J9 f, ^, g  d& X( a, s



8 R9 f8 T  o% B⑥使能DMA2D;
. x; Y& T5 V' @& x9 K3 S
& l' {* \$ b& {' P* L4 p
/ k1 i: S' z8 B( b. _, p⑦使能LTDC，注意根据原理图配置对应管脚，并根据屏幕的手册设置参数，屏幕分辨率为480x272，色深为RGB565，因此屏幕显示需要的空间大小计算公式为宽x高x(色深/8)，RGB565色深为16，RGB888色深为24，所以480x272x(16/8)=261120字节，若屏幕配置为2layer，第二层的地址至少偏移261120字节；
3 \: k. l5 ~2 p3 J1 N
: K' o' m6 L) t7 [* Z0 T% f
- I- I3 p: j- E7 \* j2 E
( b- J' `+ y0 _
) F0 X" u9 M3 u⑧使能CRC；
" \  L! j! M0 E% U! i9 L
% [; N1 C8 }% N9 T" c
$ u% p$ X6 T! n8 r4 A- `2 C  M: ]⑨使能TouchGFX扩展插件，配置TouchGFX参数；
( c8 F/ ~/ n4 w) K- ^* S/ b  e- S, J0 \

⑩配置NVIC和优先级；


5 o( {- [, S7 J1 I6 S% {⑪配置系统时钟；

5 P% B9 G, E  e2 @* F
' l0 y) n# f( Q- g⑫设置工程名称和路径，选择IDE和HAL库版本；
9 D. ]) I9 H1 t! n3 j1 d6 M2 Y

2 |3 v5 _$ f. q. o0 ~⑬点击生成代码；


⑭查看生成的代码文件；
8 r/ B5 j. L7 j. D: O- o0 U
6 D* o4 U( c+ Z/ k. z
, [, l6 n8 i9 ^⑮打开TouchGFX Designer导入CubeMX生成的模板；

# T: |/ h! p7 B+ b9 \

0 o, U* S. U0 R2 q# |7 g0 A* a⑯添加一个box控件作背景；
0 R5 X5 M* g7 }# Y6 ~

$ l, ]4 a: h7 `; U" ^+ L⑰添加一个文字控件；

) x' J$ l, D0 r  C3 e
⑱修改box控件的名称，尺寸；

3 r3 r  i5 `3 R* C. c7 `
$ z( ~% ?9 `1 k8 A⑲修改box控件颜色；


⑳修改文字控件的名称，位置，文字内容，字体和颜色；

% D- \( M8 l! ~( b2 D% d8 l& B( D
㉑点击生成代码；
9 t; ^- X9 k( N0 f1 a
6 _6 {* m) W( M
! h9 v) F; O: N# t㉒打开STM32CubeIDE，导入工程；
. T: m( o8 f5 N- h6 T- ^

/ ~4 M" h2 e9 p4 H; p


㉓添加SDRAM刷新初始化函数和相应头文件；


3 ^6 z, [* d1 X$ \0 S+ E
& o8 S9 D8 K. O8 v5 z! `  T& O
0 R9 r  ?" h+ K1 k㉔添加头文件路径；

% i4 p3 V9 B9 F
: p) q1 s- p0 }2 K3 q

㉕点击编译；
; k& r: v+ c! v

( i+ I3 K2 t6 i' ]" Y' K㉖点击仿真；

$ ?/ f3 H$ g* Q6 @* E+ _
㉗最终下载到板子上的效果如下，本次分享结束。
8 h  K7 O  w) s/ k4 A1 b- g1 d$ ?
. f, T1 ]# c5 j# a$ e, J
& Q2 @1 t4 D: C$ Z! k! F1 {( e
) H; |% p) L; b* A7 e# n+ A扫码关注公众号，回复"101"获取文章源码：
                                    
: |$ K8 e8 _2 D+ F
码字不容易，转载请说明出处，本分享基于免费性质，禁止收集倒卖的行为，对上述行为本人保留追究权利。
% \9 ]- A, g: D) ^. O# }
) _. O6 k( j5 d2 Q

5 S0 w  k* i& `' B9 j5 [% B  U* P
( l& T9 l, n+ b3 z% I0 ~: t  {
% x) B4 f* l  g# A9 G
4 a/ `7 }% O& z* V; f0 Q+ D! j

: D7 g0 d) H0 ^

# T0 m; f" g( R0 N
: U4 [1 f0 y+ C; o

赞，学习了

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

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