2 D0 X7 P+ L  E# S8 r      上一篇中实现了界面，只是从软件上展示了界面，如何和硬件完成交互呢？
* ~' k( ~- r$ b6 n     看TouchGFX designer 说明，其结构使用的是MVP架构，view + presenter + model。简单讲呢，就是VIEW实现UI界面，Presenter实现数据中转，MODEL实现和硬件的交互。
3 H, w7 }. {3 _: s5 X2 ~; x      OK，理解了架构了，实现起来就容易多了。
# @7 S: q& e( u- ?: E9 [      查看板卡的原理图，LED部分如图1所示：

& V+ m- J0 s* n% p# ^7 \) S图1

下面就是实现MVP架构的应用了。首先在VIEW的函数中加入presenter调用，如下：

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

复制代码

# _7 z% Z& E3 B- I7 m7 q3 i" a: c
然后在presenter.cpp中调用model函数，如下：
3 S1 s" [  X/ B* t

1. void Screen1Presenter::setLEDState(bool state)
   
2. {
   
3.     // Here you can add code to update the model or perform other actions based on the LED state
   2 [3 A3 T- [. |0 ^9 a# [0 L& Z6 @
4.     model->setLed(state);
   4 c1 v$ D2 B8 T3 q: G) C  ^
5. }

复制代码

, Q0 V  Y5 T6 D3 g+ J5 a. z
6 V0 w/ \! w& w1 N( W; U在model.cpp中实现和硬件的交互，如下
' O: x# G  L& J% K

1. void Model::setLed(bool state)
   , K( ?1 p! m6 ?) M$ o2 T* V2 V5 R/ D
2. {
   ' w8 n. T! l  N+ t
3.   
   & p8 [, l7 Y6 T8 Y. y+ b7 t
4.     if (state)
   
5.     {
   5 W5 T6 G# c1 y4 j; p7 h
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
   
8.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_SET); // Turn LED ON
   5 X# d9 n" B+ K' @" h
9.     }
   : K/ i: g4 G+ n
10.     else
    
11.     {
    6 x; b6 K2 `* x1 t2 q# W/ l) M" J
12.         HAL_GPIO_WritePin(GPIOD, GPIO_PIN_3, GPIO_PIN_RESET); // Turn LED OFF
    
13.     }
    / G: x7 s! t! J/ {' P  j
14. }

复制代码

! W/ g5 L. z9 V1 |* P
3 _( B# ?+ ^1 j" o当然，还要在相应的hpp文件中加入函数的初始化。

# \8 A7 P8 _7 W6 F. Q: |; }; f  U, c
要调用板卡的HAL函数库，还需要在model.cpp中增加一部分代码，如下所示：

1. extern "C" {
   
2. #include "stm32h7xx_hal.h"
   
3. #include "main.h"
   & o7 U# q9 |( M7 Q2 i, y
4. }

复制代码

1 x; a6 x/ S; _% }' _# a2 x
OK，按照第一篇的下载方式，将程序下载到板卡中，效果如图2所示：
2 a# M; i3 W% ^3 }% |$ d/ ?
图2