$ |  ?5 L+ X1 a. r% A      上一篇中实现了界面，只是从软件上展示了界面，如何和硬件完成交互呢？
     看TouchGFX designer 说明，其结构使用的是MVP架构，view + presenter + model。简单讲呢，就是VIEW实现UI界面，Presenter实现数据中转，MODEL实现和硬件的交互。
      OK，理解了架构了，实现起来就容易多了。
      查看板卡的原理图，LED部分如图1所示：
; m0 ]- B, C; U; w5 s  s
图1

% Z% I) D. D6 c% {下面就是实现MVP架构的应用了。首先在VIEW的函数中加入presenter调用，如下：

1. presenter->setLEDState(toggleButton1.getState());

复制代码

然后在presenter.cpp中调用model函数，如下：

1. void Screen1Presenter::setLEDState(bool state)
   
2. {
   . ^+ E+ ~2 A( d' j9 A! N! D, G
3.     // Here you can add code to update the model or perform other actions based on the LED state
   
4.     model->setLed(state);
   8 U& j+ M9 M, q" Y, [$ R, c- N4 T
5. }

复制代码

) T4 O! w( U/ F
' M( f0 g& L4 Z' O8 c) z" R# e" Q在model.cpp中实现和硬件的交互，如下
" p: ]4 w7 A$ g/ Q& M9 X7 @& v

1. void Model::setLed(bool state)
   
2. {
   
3.   
   
4.     if (state)
   ) j; f4 o2 _# O3 @& H+ r
5.     {
     y0 e: O/ c0 r
6.         //modelListener->ledStateChanged(ledState);
   
7.         //HAL_GPIO_WriterPin(LED_GPIO_Port, LED_Pin, GPIO_PIN_SET); // Example: Set the GPIO pin high to turn on the LED
   0 m0 a* C; N! T8 i2 D
8.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_SET); // Turn LED ON
   ' N, v" v3 M/ `' }/ y1 K
9.     }
   
10.     else
    
11.     {
    
12.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_RESET); // Turn LED OFF
    
13.     }
    & ]! ]4 x, j8 o% x3 ^3 E/ l
14. }

复制代码

2 l2 T, q7 _# `
+ P7 T$ h6 E7 f/ R) Z* F当然，还要在相应的hpp文件中加入函数的初始化。
0 Q3 `. D; K1 E9 a( a
9 W1 |% R5 Q6 `9 u5 L
要调用板卡的HAL函数库，还需要在model.cpp中增加一部分代码，如下所示：
! C5 @6 [- Y# [* r1 g2 Y" s. z

1. extern "C" {
   : ?% |5 B: d9 Y7 |
2. #include "stm32h7xx_hal.h"
   
3. #include "main.h"
   ! p" O" L# e3 S; R
4. }

复制代码

OK，按照第一篇的下载方式，将程序下载到板卡中，效果如图2所示：
3 _6 W9 W( h& f, \0 ~
2 o/ h1 J4 Y) K图2