当前位置：首页 > news >正文

一个串口搞定所有显示？HMI智能串口屏+STM32项目实战，从界面设计到数据同步全流程

news 2026/8/15 20:06:06

HMI智能串口屏与STM32的工业级人机交互实战

在嵌入式系统开发中，图形用户界面(GUI)的实现往往需要消耗大量MCU资源，传统方案要么要求高性能处理器，要么需要开发者深入底层图形库。而HMI智能串口屏的出现彻底改变了这一局面——它通过串口通信即可实现丰富的图形交互，让STM32F103这类基础MCU也能轻松驱动炫酷界面。本文将完整演示如何构建温湿度监控与电机控制系统，涵盖从传感器数据采集到界面动态更新的全链路实现。

1. 硬件架构设计与核心组件选型

1.1 系统整体架构

本方案采用分层设计思想，硬件架构包含三个关键层级：

感知层：SHT30温湿度传感器通过I2C接口连接STM32，实时采集环境数据
控制层：STM32F103C8T6作为主控制器，处理传感器数据并执行逻辑控制
交互层：4.3寸HMI串口屏通过UART接收控制指令，实现可视化交互

[传感器层] │ ↓ I2C [STM32控制器]←→UART→[HMI串口屏] │ ↓ GPIO [执行机构]

1.2 关键硬件选型对比

组件类型	推荐型号	接口方式	关键参数	成本估算
主控MCU	STM32F103C8T6	-	72MHz Cortex-M3	￥15-20
HMI屏幕	TJC4827T043_011	UART	480×272 RGB	￥80-120
温湿度传感器	SHT30-DIS-B	I2C	±2%RH, ±0.3℃	￥25-35
电机驱动	DRV8825	STEP/DIR	2.5A 45V	￥15-25

提示：HMI屏幕选型时需注意通信协议兼容性，主流品牌如淘晶驰、迪文等都提供STM32例程

2. 开发环境搭建与基础通信实现

2.1 软件工具链配置

开发需要以下核心工具：

Keil MDK：STM32程序开发环境
USART HMI：串口屏界面设计工具
串口调试助手：用于协议调试
STM32CubeMX：外设初始化配置

安装完成后需特别注意：

在USART HMI中设置正确的屏幕型号
配置Keil的芯片支持包为STM32F1系列
安装CP2102等USB转串口驱动

2.2 串口通信协议设计

HMI屏通常采用指令交互模式，基本通信格式如下：

// STM32发送给屏幕的指令示例 printf("t0.txt=\"%.1f\"\xff\xff\xff", temperature); // 屏幕返回的触摸事件格式 // 假设按钮b0被按下时返回： // b0\xff\xff\xff

关键控制字符说明：

字符	含义	备注
\xff\xff\xff	帧结束符	必须包含
t0.txt	文本控件属性	可动态更新
b0.val	按钮状态	0/1表示状态

3. 温湿度监测功能实现

3.1 SHT30传感器驱动开发

通过软件I2C读取SHT30数据的典型流程：

// 1. 发送测量命令 I2C_Write(SHT30_ADDR, 0x2C, 0x06); // 2. 延迟等待测量完成 delay_ms(20); // 3. 读取6字节数据 I2C_Read(SHT30_ADDR, data, 6); // 4. 数据转换 float temp = -45 + 175*(float)((data[0]<<8)|data[1])/65535; float hum = 100*(float)((data[3]<<8)|data[4])/65535;

常见问题排查：

若读取失败，检查上拉电阻(通常4.7kΩ)
SHT30的ADDR引脚电平决定I2C地址
测量间隔建议≥2秒以保证精度

3.2 数据可视化实现

在USART HMI工具中设计界面元素：

添加温度显示文本框(ID设为t0)
添加湿度进度条控件(ID设为j0)
设计历史曲线图控件(ID设为z0)

STM32端更新数据的代码示例：

void update_display(float temp, float hum) { char buf[32]; sprintf(buf, "t0.txt=\"%.1f℃\"\xff\xff\xff", temp); HAL_UART_Transmit(&huart1, (uint8_t*)buf, strlen(buf), 100); sprintf(buf, "j0.val=%d\xff\xff\xff", (int)hum); HAL_UART_Transmit(&huart1, (uint8_t*)buf, strlen(buf), 100); }

4. 电机控制与界面联动

4.1 步进电机驱动实现

采用定时器PWM生成脉冲信号：

// 定时器初始化配置 TIM_HandleTypeDef htim2; htim2.Instance = TIM2; htim2.Init.Prescaler = 71; // 1MHz计数频率 htim2.Init.CounterMode = TIM_COUNTERMODE_UP; htim2.Init.Period = 500; // 2kHz脉冲 HAL_TIM_PWM_Start(&htim2, TIM_CHANNEL_1); // 设置方向引脚 HAL_GPIO_WritePin(GPIOA, GPIO_PIN_5, direction);

4.2 屏幕按钮控制逻辑

在USART HMI工具中配置按钮回调：

设计"启动"按钮(b0)和"停止"按钮(b1)
设置按钮释放时发送对应指令

STM32端解析指令的核心代码：

void UART_RxCpltCallback(UART_HandleTypeDef *huart) { if(strstr(rx_buf, "b0") != NULL) { // 启动电机 motor_start(); } else if(strstr(rx_buf, "b1") != NULL) { // 停止电机 motor_stop(); } memset(rx_buf, 0, sizeof(rx_buf)); }