当设备接外部传感器的时候，通过数据采样，需要在UI界面上将数据实时显示出来。这里以UI界面中的温度和胎压监测为例。还是以UI的MVP结构为基础，通过上位机串口发送数据，模拟实际传感器的测量数据，在UI界面上显示。
OK，UI界面图如图1和图2所示：

图1

图2
要在UI程序架构里增加UART通讯，先在原理图中查找相应的接口，如图3所示：

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

图4
经测试，这个接口是可以使用的。所谓有坑也得迈过去。


定义中断，如下所示：

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

复制代码

因为程序使用的是FreeRtos的架构，所以还得在默认任务里添加中断。


简单测试一下，能收到数据，没有问题。下面修改UI的代码。


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

1. void Model::setUartRxByte(uint8_t b)
   
2. {
   
3.     uartRxByte = b;
   
4. 
   
5.     if (modelListener != nullptr)
   
6.     {
   
7.         modelListener->onUartRxByteChanged(b);
   
8.     }
   
9. }

复制代码

presenter.cpp 完成中转，如下所示：

1. void Screen1Presenter::onUartRxByteChanged(uint8_t b)
   
2. {
   
3.     view.updateRxValue(b);
   
4. }

复制代码

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

1. void Screen1View::updateRxValue(uint8_t b)
   
2. {
   
3.     // static uint8_t lastValue = 255;   // 不可能出现的初始值
   
4. 
   
5.     // if (b != lastValue)               // 只有变化才更新 UI
   
6.     // {
   
7.     //     lastValue = b;
   
8. 
   
9.     //     Unicode::snprintf(textArea5Buffer, TEXTAREA5_SIZE, "%d", b);
   
10.     //     textArea5.invalidate();
    
11.     // }
    
12.     Unicode::snprintf(textArea5Buffer, TEXTAREA5_SIZE, "%d", b);
    
13.     textArea5.invalidate();
    
14. }

复制代码

最后的效果，通过串口助手发送数据，如图5：

图5
UI界面实时显示，如图6所示：

图6
实际操作还是很好玩的，如图7所示：

图7

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

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

好的