; \& C7 N, t; H/ w      上一篇中实现了界面，只是从软件上展示了界面，如何和硬件完成交互呢？
     看TouchGFX designer 说明，其结构使用的是MVP架构，view + presenter + model。简单讲呢，就是VIEW实现UI界面，Presenter实现数据中转，MODEL实现和硬件的交互。
      OK，理解了架构了，实现起来就容易多了。
      查看板卡的原理图，LED部分如图1所示：

图1
: f7 v8 _1 }) c' D# N
下面就是实现MVP架构的应用了。首先在VIEW的函数中加入presenter调用，如下：
0 ?0 b3 P3 x: I  x

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

复制代码

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

1. void Screen1Presenter::setLEDState(bool state)
   
2. {
   / u% F# p9 k/ W+ u* [. R# O
3.     // Here you can add code to update the model or perform other actions based on the LED state
   % x0 e% p8 K! H3 a9 d- V
4.     model->setLed(state);
   
5. }

复制代码

在model.cpp中实现和硬件的交互，如下
& s4 ]9 l. j% p% V* H! J8 w

1. void Model::setLed(bool state)
   + \7 ]' j3 Q' \1 e0 X$ h2 @
2. {
   ' m+ n  u* e1 \5 d3 _0 ?+ O
3.   
   
4.     if (state)
   : `( V; l5 c  `2 x: D
5.     {
   
6.         //modelListener->ledStateChanged(ledState);
   0 V, W/ Y8 |1 ?8 P5 c( v
7.         //HAL_GPIO_WriterPin(LED_GPIO_Port, LED_Pin, GPIO_PIN_SET); // Example: Set the GPIO pin high to turn on the LED
   
8.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_SET); // Turn LED ON
   
9.     }
   ' \5 G* o& Q9 v  \0 A  H7 R
10.     else
    
11.     {
    
12.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_RESET); // Turn LED OFF
    ' x# P; n0 C; k' Z& }; F
13.     }
    
14. }

复制代码

9 {! h; f! u% V3 C8 g" g( P
当然，还要在相应的hpp文件中加入函数的初始化。
) X" d5 a# S4 U+ K( {4 F

9 ~1 l) O1 ]3 Y& o$ C要调用板卡的HAL函数库，还需要在model.cpp中增加一部分代码，如下所示：

1. extern "C" {
   - Q/ D5 O* _' |
2. #include "stm32h7xx_hal.h"
   
3. #include "main.h"
   
4. }

复制代码

9 L5 z; N9 v; G% G9 n( i5 X& e' \
+ b( U1 _2 ^) X+ E$ B2 IOK，按照第一篇的下载方式，将程序下载到板卡中，效果如图2所示：
3 K% X9 y1 P' F9 f
图2