![shequ.stmicroelectronics.cn](./template/st_v1/static/img/logo2.png)
1 引言. P6 i4 x" G5 l) S- @. j, u 文档基于 STM32F746G_DISCO 硬件平台,参考从 TouchGFX Designer 下载的 STM32F746 的 TBS(TouchGFX Board Setup),讲解 STM32CubeMX 相关配置,介绍了LTDC RGB 接口 LCD 的 TouchGFX 工程的移植步骤。 ! t# J* F3 h. a/ E ![]() ▲ 图1. TouchGFX Designer 中的 STM32F746G_DISCO TBS . O- z! B3 J/ k% A0 H9 ~* H7 i( t/ x, g% i 2 STM32CubeMX 配置过程 STM32F746G_DISCO 有两个外部存储器,SDRAM 和 QSPI Flash,SDRAM 用于帧缓冲器,QSPI Flash 用于存储图片、字体等素材,其图形实现过程如图 1 所示。本文档参考从 TouchGFX Desinger 上下载的 TBS,第一步首先完成 IOC 文件的配置,由于会使用 外部 RAM 和外部 Flash,生成代码后还需要添加相应的存储器驱动代码,以及修改链接文件。对于仅使用内部 Flash 和内部 RAM 的应用,用 STM32CubeMX 和 TouchGFX Desinger 生成代码后,就可以直接使用 TouchGFX 点亮屏幕了。 {) g0 v9 H- t6 z0 j ![]() ▲ 图2. 图形实现过程 2.1. 新建 IOC 工程 1 y) z) U4 ~1 A! g1 o$ U 双击打开 STM32CubeMX 软件,按照图中 1-5 步骤操作,MCU 型号输入 STM32F746NGH6 进行选择,其中第 5 步提示配置默认 MPU 单元来优化内核的推测性 读取访问,请点击“YES”。 : M/ _8 g8 [! G% k# G8 L4 @ ![]() ▲ 图3. 新建 STM32CubeMX 工程 然后点击“Project Manager”,配置工程名称,如图所示。 ![]() ▲ 图4. 配置工程名称 5 m/ `6 Y" l, c4 ~4 E2.2. CORTEX_M7 ) x; \ |( H$ S + }8 E/ F; T$ x/ m# N' @9 t 这里使能 ICACHE 和 DCACHE,并配置内存保护单元 MPU,要正确配置 MPU 属性 以避免由 Cortex®-M7 推测性读取访问和缓存维护引起的图形性能问题,使用 STM32CubeMX 可以轻松配置 MPU 存储器属性。详细配置过程可以参考 AN4861 4.6 小节 Special recommendations for Cortex-M7 (STM32F7/H7),其中介绍对嵌入了 Cortex®-M7 CPU 的 STM32F7 系列的一些建议,建议大家仔细阅读下。 , G$ q+ h( N5 u7 L! W # y O W# L, p) W 2.3. CRC / c6 J8 x# u- _3 {1 y1 f CRC 是循环冗余校验计算单元,如果要使用 TouchGFX,必须要使能 CRC,其配置保 持默认即可。 ![]() ▲ 图5. 使能 CRC $ x \+ _( M+ P0 x) F+ d2.4. DMA2D " }0 L2 C6 b$ [/ L4 x, I 3 w/ C) ?2 F: B6 S7 c# l ( J& v" e8 j# K$ H2 |3 K* t2 d5 Z7 e DMA2D 是 AHB 总线矩阵上的主设备,它将图形数据传输到内存,也可用于图形渲 染,建议使用 DMA2D 来减轻 CPU 负载。DMA2D 使能后保持默认配置即可,当需要 DMA2D 来进行图形加速时,TouchGFX 引擎会自动调用 DMA2D。 ![]() ▲ 图6. 使能 DMA2D 3 } w. K: ]( F2.5. FMC 配置 LTDC 帧缓存区和 Video 缓冲区放在了外部 SDRAM 中。配置 FMC 相关参数时,需 要对照原理图和 SDRAM 的 datasheet,了解相关参数,然后进行配置。配置结束后,需 要添加相应的驱动代码,将其配置内存映射模式。 ) q( b3 a' K8 A' l( f ![]() ▲ 图7. FMC 配置 ! M6 c) x/ z# r2 E; ^ l+ D0 {* ^+ ?1 M- d: x- b 2.6. FREERTOS 0 g7 L; \$ x5 w3 L& [ 5 Y7 Q1 r4 h. A7 }4 R4 k TouchGFX 可以运行在有 RTOS 和无 RTOS 的工程中,本工程移植的是带有 RTOS, RTOS 选择 FreeRTOS,在本工程中新增了 2 个 task,TouchGFXTask 任务用于运行ToucGFX 图形引擎,VideoTask 任务用于进行 Mjpeg 视频的编解码,如果您的项目不用 video 控件,那么 videoTask 可以不用添加。 ![]() ▲ 图8. FreeRTOS 新增任务 ! Q5 a" W# N$ t' X5 h' R6 q' J e! k/ R% w; h$ ` 注意新增总的堆空间大小,防止新建任务的栈大小不足。 ![]() ▲ 图9. 堆空间大小配置 ( U0 \( a" B% V' Y2.7. GPIO * f; L6 E s, l ; D. q O7 U$ Q& V 在官方下载的 TBS,配置的 GPIO 如图 9 所示。与 LCD 显示相关的引脚有 2 个, LCD_DISP 和 LCD_BL_CTRL。LCD_DISP 用来启用/禁用显示待机模式,需要将 LCD_DISP 配置为高电平来启用显示器,否则显示器将保持待机模式。LCD_BL_CTRL 信 号上的高电平可以点亮背光,而低电平则将其关闭。 另外几个 GPIO 引脚可以用来测试性能的,它们的解释说明可以查看 TouchGFXGPIO.cpp 中注释,其中 RENDER_TIME,可以用来查看实际的渲染时间。 + Y3 T8 A3 a8 ]( X 8 c# U- [% {9 x: c& C9 d1 B ![]() ▲ 图10. GPIO 配置 & {6 H. A; t+ _2 H3 v2.8. I2C3 6 V6 T! v0 X# p3 Q0 O k; l) O+ T + V" ?* A7 d+ E! O$ j STM32F746G_DISCO 的电容 LCD 的触摸的接口是 I2C3 的 PH7 和 PH8,相关参数 的配置参数如图所示。7 m5 X X" B+ `) w% U( X' a5 g. Z 1 x* }+ g$ v, k: J ![]() ▲ 图11. I2C3 配置 " l* N4 A3 ~1 B' i8 C. r 2.9. LIBJPEG 如果 TouchGFX 使用 Video 控件,要使能 LIBJPEG,用于视频流的软件编解码。如果 您的工程用不到 Video 控件,那么可以不用使能 LIBJPEG。: @1 K2 M1 u* V) B7 N5 \ X3 H 1 X4 w: W9 x, }4 k1 F ![]() ▲ 图12. GPIO 配置 9 ]0 y' t% I) G/ `9 M6 S, {2 D4 A1 x- M' x2 |. K 2.10. LTDC : o1 L# j* G9 F/ v2 S& g( d' } LTDC 外设主要用来配置 LCD 显示接口,对于 STM32F746G_DISCO 的 LCD 可以参 考下载的 TBS 进行配置。如果是其他型号的 LCD,需要查看 LCD 的屏幕时序表进行配 置。关于 LTDC 的 layer,虽然在 STM32CubeMX 可以配置为 2 个 layers,但是 TouchGFX Designer 是采用 1 个 layer 来做 GUI 开发的,这是因为 2 个 layer 会占用更 多带宽,同时打开 LTDC 全局中断和错误中断。 & T9 ?2 ~ Z" l4 l0 q ![]() ▲ 图13. LTDC 参数配置 ; ?# y, D/ t Z; P![]() ▲ 图14. LTDC layer 配置 ![]() ▲ 图15. 打开 LTDC 全局中断和错误中断 4 P2 b: }6 s: x2 i/ I* w, e' M# l; T; [ s9 V 2.11. QUADSPI 当要存储的数据量相对较少时,可以使用内部 FLASH 存储器。否则,应将图形内容放 置在外部存储器中。QUADSPI 外接了一个 128-Mbit Quad-SPI NOR Flash。* y& f6 k: ]% a) S4 K & V% T i, s8 z5 P1 A3 Y7 ^6 X ![]() ▲ 图16. QUADSPI 配置 2.12.SYS / `9 [5 g. j* M. u+ G6 ?' D 由于 SysTick 被 RTOS 使用,这里 HAL 库的时基选择 TIM6。 ![]() ▲ 图17. 系统时钟配置 7 p( k# U+ d4 M: Z3 b b% Z, M2.13. X-CUBE-TOUCHGFX : B* E/ h+ [+ r9 z3 [ Interface:接口选择 Parallel RGB(LTDC) ) D9 A6 @9 m { 对于 RGB 接口的 LCD 来说,通常无内置 GRAM,FrameBuffer Strategy 无法使用 Partial Buffer 策略。在 RAM 足够时,可选择 Double Buffer 策略。存放位置选择 By Allocation。这个可以通过链接文件配置放置在什么位置。( J6 O5 ~, @( V1 L. H Application Tick Source:应用滴答时钟来源,选择 LTDC,它的实现代码可以在 TouchGFXGeneratedHAL.cpp 中 HAL_LTDC_LineEventCallback 函数找到。 ![]() ▲ 图18. TouchGFX 配置 9 C; g2 M4 |+ T 2.14.Clock Configuration , }: k* p7 ^* p* M0 j' h& [ 系统时钟配置为 216MHz,LTDC 时钟配置为 9.6MHz,这个 LTDC 时钟的配置是参 考 LCD 时序参数表确定的,它与 LCD 的刷新率相关。 6 P, [7 O6 X' L# f ![]() ▲ 图19. 时钟树配置 至此,外设配置基本完成,选择所使用的 IDE(这里选择的是 STM32CubeIDE),点 击 Generate Code 按钮,生成代码。然后使用 TouchGFX Designer 打开 TouchGFX 文 件夹下的 ApplicationTemplate.touchgfx.part,在 TouchGFX Designer 中生成 UI 相关 代码。" ?2 b5 d5 f: t' A ; O/ v% T8 C& h* W" D' f/ u 3( b' d" q! A" t 添加驱动代码 对于 LTDC 接口的 TouchGFX 工程,使用 TouchGFX Desiger 生成代码后,如果仅使 用内部 RAM 和 Flash,那么在 TouchGFX 生成代码后,整个软件架构就建好了,可以使 用 TouchGFX 来点亮屏幕了。8 h# b1 j, Y. c6 O8 g) W ) t' f* K1 c( |- l( T/ \, l3 S( ? 对于使用外部 SDRAM、 QSPI Flash 以及触摸功能的应用可以参考下载的 TBS 进行对 照检查,添加相应的驱动代码和修改链接文件,完善整个工程代码后实现 TouchGFX 点亮 LCD 的效果。6 y; M# F/ B% z" c" U / I- A: i( U7 h 3.1. 添加 SDRAM 驱动代码% @: f( n" `, @/ ] 查看下载的 TBS,可以在 main.c 中的 MX_FMC_Init()函数的用户代码区域看到添 加的驱动代码。这里有一点要说明的是最后的 FMC_Bank1->BTCR[0] = 0x000030D2 代 码是禁用 FMC bank1,这点在 AN4861 的 4.6.1 Disable FMC bank1 if not used 有详 细介绍。为了防止 FMC bank1 上的 CPU 推测性读取访问,建议在不使用时将其禁用。这可以通过复位 FMC_BCR1 寄存器中的 MBKEN 位来完成,默认情况下该位在复位后使能。 9 D/ d0 H2 ]- q* U1 D% Q 3.2. 添加 QSPI Flash 驱动代码 $ u# a0 Z- N" n: N0 o0 L+ k I 添加驱动代码把 QSPI Flash 配置成 memory mapped 模式。! F0 h8 j: b' ~, e2 T 3 I5 |' j! }$ r ; g* M8 k0 |- v 3.3. 添加 Touch 功能 触摸功能在 STM32TouchController.cpp 中实现,具体代码请参考 TBS。2 @8 w0 n8 x' [9 [. B- V8 {- ? 4 ^# r! Z( q2 a' R% ~+ b 3.4. 修改链接文件 ]- T% { l% f, M9 h( x& S 为了把帧缓冲区和视频缓冲放到外部 SDRAM,把字体、图片等素材放到外部 Flash, 需要修改链接文件。不同的 IDE,它的链接文件是不同的。对于 STM32CubeIDE,它的 链接文件是 STM32F746NGHX_FLASH.ld,对于 EWARM,它的链接文件是 stm32f746xx_flash.icf,对于 MDK-ARM,它的链接文件是 STM32F746G_DISCO.sct, 它们的语法略有不同。大家可以参考它的结构进行修改。 4) Y; X7 U7 O. q" I5 l$ p, y. _ 小结 4 H X k+ ?8 e0 s. j# g( J 以上就是 LTDC RGB 接口 LCD 的 TouchGFX 工程的移植步骤,本文档对关键步骤进 行了解释说明,具体细节可参考 AN4861 和官方的 TBS。) D ~; x8 V1 M1 J- }5 z: u" G 8 j' O0 ~* m+ c) V" N3 x9 w: A4 | ▼▼▼ 点击按钮下载《LTDC RGB 接口 LCD TouchGFX 工程的移植步骤》原文档。9 @1 c! r6 f: C4 I$ p# X点击下载 " y4 _; i# j7 k" b, k& W+ Z |
实战经验 | 基于STM32CubeIDE下载TouchGFX GUI应用的出错分析
《如何使用TouchGFX》视频课程上线啦:助力你的GUI设计
TouchGFX 4.23:支持矢量字体,节省Flash,更丰富的UI!
【STM32H7S78-DK】汽车仪表系统
【STM32H7S78-DK评测】TouchGFX (QR Code)二维码生成器
基于STM32实现“单芯片”模式:TouchGFX 4.24 的创新分析
实战经验 | TouchGFX 处理按钮长按的一种方法
【STM32U599】5.聊聊手表菜单
【STM32U599】6.界面切换
【STM32U599】3.写个表盘