8 h' I& E: f6 l      上一篇中实现了界面，只是从软件上展示了界面，如何和硬件完成交互呢？
     看TouchGFX designer 说明，其结构使用的是MVP架构，view + presenter + model。简单讲呢，就是VIEW实现UI界面，Presenter实现数据中转，MODEL实现和硬件的交互。
9 h1 @2 @; q6 m$ |8 Y# @8 d      OK，理解了架构了，实现起来就容易多了。
+ r! Z& j. L) M! Q      查看板卡的原理图，LED部分如图1所示：

图1

下面就是实现MVP架构的应用了。首先在VIEW的函数中加入presenter调用，如下：
5 e) B3 k- L* @! L* h5 L

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

复制代码

4 q2 P6 E6 y* ]9 M- B
然后在presenter.cpp中调用model函数，如下：

1. void Screen1Presenter::setLEDState(bool state)
   
2. {
   2 X5 Y" o' o$ l! B  u* r
3.     // Here you can add code to update the model or perform other actions based on the LED state
   1 H; X. i  ^. f
4.     model->setLed(state);
   4 O, Q0 b% U5 X( w+ K
5. }

复制代码

- V, Q" q  a, h* q4 H
在model.cpp中实现和硬件的交互，如下

1. void Model::setLed(bool state)
   
2. {
   
3.   
   ! `+ X  k3 \9 F
4.     if (state)
   8 Q/ ^) b: t7 T; r# U& A
5.     {
   
6.         //modelListener->ledStateChanged(ledState);
   2 I: i4 [: l; P$ p; h- P. n! b
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.     }
   8 e4 Z8 G$ a6 F
10.     else
    
11.     {
    
12.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_RESET); // Turn LED OFF
    . I2 L6 X9 s& O, z; \; ]" c$ z
13.     }
    # r1 A' C1 P$ X6 E' a
14. }

复制代码

当然，还要在相应的hpp文件中加入函数的初始化。


: Z; O7 k- H' K. M要调用板卡的HAL函数库，还需要在model.cpp中增加一部分代码，如下所示：
) |  p- w& o& |

1. extern "C" {
   
2. #include "stm32h7xx_hal.h"
   
3. #include "main.h"
   
4. }

复制代码

* k5 s# I8 J2 w: A
! q: [5 n0 v. a) U2 o0 P+ [OK，按照第一篇的下载方式，将程序下载到板卡中，效果如图2所示：
2 D9 O* d+ s0 U( Z" L, u! Z4 m
图2
0 H4 R4 {: I  r: \4 l