当设备接外部传感器的时候，通过数据采样，需要在UI界面上将数据实时显示出来。这里以UI界面中的温度和胎压监测为例。还是以UI的MVP结构为基础，通过上位机串口发送数据，模拟实际传感器的测量数据，在UI界面上显示。
! b3 W7 b) X# z- F5 TOK，UI界面图如图1和图2所示：
" k0 \$ N- w* ?2 {( p  g" Q
: \8 O5 W4 R& y2 m5 h3 J8 ]# [图1
, p, s% d. |1 r/ Y  O
1 t9 O$ r- v6 N* Y图2
要在UI程序架构里增加UART通讯，先在原理图中查找相应的接口，如图3所示：

8 ~, f: x7 n% N图3
USART3正好可以应用，连接好线，测试发现，这个接口不能使，原因尚未找到。然后找到了USART2接口，需要调整下短接电阻，如图4所示：

图4
经测试，这个接口是可以使用的。所谓有坑也得迈过去。
$ h8 Z6 j+ X- T

定义中断，如下所示：

1. TouchGFX_SetUartRxByte(aRxBuffer);
   
2.         HAL_UART_Receive_IT(&huart2, &aRxBuffer,1);

复制代码

) z9 _1 M' B" K( g4 w" }' E
8 W# T, c* w& @# {! o, B因为程序使用的是FreeRtos的架构，所以还得在默认任务里添加中断。


4 L) R, H( n7 C/ F' y简单测试一下，能收到数据，没有问题。下面修改UI的代码。
, S7 B7 K& w: \" j: [$ O

现在Model.cpp 中完成数据采集，如下：

1. void Model::setUartRxByte(uint8_t b)
   . X# V- K5 ~* L, ^- i
2. {
   7 }: \5 |6 {0 ^7 U
3.     uartRxByte = b;
   - T' L" n! I7 }/ _/ M, T# K
4. 
   
5.     if (modelListener != nullptr)
   
6.     {
   
7.         modelListener->onUartRxByteChanged(b);
   & C3 B4 \+ ]8 a. {! y
8.     }
   
9. }

复制代码

presenter.cpp 完成中转，如下所示：
' T' L( u# z8 Y

1. void Screen1Presenter::onUartRxByteChanged(uint8_t b)
   6 d" B. V& y8 N( {
2. {
   
3.     view.updateRxValue(b);
   
4. }

复制代码

然后在view.cpp 中完成数据显示，如下所示：

1. void Screen1View::updateRxValue(uint8_t b)
     F. E! _% H" P$ }) t3 C* N( L
2. {
   
3.     // static uint8_t lastValue = 255;   // 不可能出现的初始值
   
4. 
   # N/ p/ }4 k4 N7 P
5.     // if (b != lastValue)               // 只有变化才更新 UI
   
6.     // {
   
7.     //     lastValue = b;
   . D( p- \' O2 _. e% h$ L
8. 
   
9.     //     Unicode::snprintf(textArea5Buffer, TEXTAREA5_SIZE, "%d", b);
   2 ]) c) D4 ~' O& S, O) s1 D" X
10.     //     textArea5.invalidate();
    
11.     // }
    , U( E, O! O$ S0 U. C+ v$ S
12.     Unicode::snprintf(textArea5Buffer, TEXTAREA5_SIZE, "%d", b);
    7 n6 Z/ P0 Q! I8 ^
13.     textArea5.invalidate();
    
14. }

复制代码

; a" z) G/ m) E! L
最后的效果，通过串口助手发送数据，如图5：
/ j) E! w8 [! c8 `) D
图5
UI界面实时显示，如图6所示：
+ {; l0 `9 A9 k$ h% C1 ]1 z5 ^' j
- x  h+ w3 g6 u2 T, p( o4 T9 @- E图6
实际操作还是很好玩的，如图7所示：
0 w, G! Q3 m8 z( n: F$ @2 R8 _1 k
$ W+ Z, W/ {- ^4 X' C4 a) h图7

完整做完之后可以打包发创客秀哈

STMCU-管管 发表于 2025-12-12 11:17
完整做完之后可以打包发创客秀哈

好的