告别点灯！用STM32F103和2.4寸TFT屏做个迷你天气站（SPI驱动教程）

用STM32F103打造迷你天气站：SPI驱动2.4寸TFT屏实战指南

在嵌入式开发领域，将硬件驱动转化为实际应用是每个工程师的必经之路。今天我们要做的不是简单的屏幕点亮测试，而是一个能显示实时天气信息的迷你终端——它既能巩固SPI通信和屏幕驱动知识，又能让你体验完整的产品开发流程。这个项目特别适合已经掌握STM32基础开发，想进一步提升外设综合应用能力的开发者。

1. 硬件架构设计与环境搭建

1.1 核心硬件选型解析

选择STM32F103ZET6作为主控芯片主要基于三个考量：首先，它的72MHz主频足够处理天气数据并驱动屏幕；其次，内置的硬件SPI接口能确保显示刷新的流畅性；最后，丰富的GPIO资源为未来功能扩展预留了空间。2.4寸TFT屏的选取则平衡了显示面积与功耗的关系，240×320的分辨率足以清晰展示天气信息。

硬件连接需要特别注意以下引脚配置：

提示：实际布线时建议使用10cm以内的排线，过长的导线可能导致SPI通信不稳定。

1.2 开发环境配置要点

使用Keil MDK开发时，需要特别注意外设库的版本兼容性。建议采用STM32标准外设库V3.5.0，这个版本对F103系列的支持最为稳定。在工程配置中，务必开启以下编译选项：

// 在stm32f10x_conf.h中启用必要的外设 #define _SPI2 #define _GPIO #define _RCC

屏幕驱动代码的组织结构也很有讲究，推荐按功能模块划分：

/Drivers ├─LCD │ ├─lcd.c // 底层驱动 │ ├─gui.c // 图形界面 │ └─fonts.c // 字库 └─SPI └─spi.c // 通信协议

2. SPI驱动深度优化

2.1 硬件SPI配置技巧

STM32的SPI外设配置直接影响刷新速率。通过实测发现，采用以下参数组合可获得最佳性能：

SPI_InitTypeDef SPI_InitStructure; SPI_InitStructure.SPI_Direction = SPI_Direction_2Lines_FullDuplex; SPI_InitStructure.SPI_Mode = SPI_Mode_Master; SPI_InitStructure.SPI_DataSize = SPI_DataSize_8b; SPI_InitStructure.SPI_CPOL = SPI_CPOL_Low; // 时钟极性 SPI_InitStructure.SPI_CPHA = SPI_CPHA_1Edge; // 时钟相位 SPI_InitStructure.SPI_NSS = SPI_NSS_Soft; // 软件控制片选 SPI_InitStructure.SPI_BaudRatePrescaler = SPI_BaudRatePrescaler_2; // 36MHz SPI_InitStructure.SPI_FirstBit = SPI_FirstBit_MSB; SPI_Init(SPI2, &SPI_InitStructure);

关键优化点包括：

• 将预分频系数设为2，使SPI时钟达到36MHz
• 使用软件控制NSS信号，提高操作灵活性
• 采用DMA传输可进一步提升批量数据写入效率

2.2 屏幕初始化序列剖析

TFT屏的初始化需要严格按照厂商提供的时序进行。以ILI9341控制器为例，关键的初始化步骤包括：

1. 硬件复位（拉低RST引脚至少10ms）
2. 发送电源控制命令序列
3. 配置内存访问控制寄存器
4. 设置像素格式（16位RGB565）
5. 使能显示

其中内存访问控制（0x36）的配置尤为关键，它决定了显示方向：

// 设置显示方向为横屏模式 LCD_WriteReg(0x36, (1<<3)|(1<<6)|(1<<7)); // BGR顺序 | 行地址顺序 | 列地址顺序

3. 天气界面设计实战

3.1 界面布局规划策略

在240×320的有限空间内，合理的布局规划至关重要。建议将屏幕划分为三个功能区：

1. 顶部状态栏（20像素高）：显示城市名称和更新时间
2. 主信息区（200像素高）：展示当前天气状况和温度
3. 底部预报区（100像素高）：未来三天天气简况

使用以下代码定义各区域坐标：

#define STATUS_HEIGHT 20 #define MAIN_HEIGHT 200 #define FOOTER_HEIGHT 100 typedef struct { uint16_t x; uint16_t y; uint16_t width; uint16_t height; } Area; Area status_area = {0, 0, 240, STATUS_HEIGHT}; Area main_area = {0, STATUS_HEIGHT, 240, MAIN_HEIGHT}; Area footer_area = {0, STATUS_HEIGHT+MAIN_HEIGHT, 240, FOOTER_HEIGHT};

3.2 自定义字体与图标实现

嵌入式系统通常需要自行管理字库。我们采用提取点阵数据的方式，将字体转换为C数组存储。例如，16×16的中文字库可以这样定义：

// "天"字的点阵数据 const uint8_t font16x16_tian[] = { 0x00,0x40,0x00,0x40,0xFE,0x40,0x02,0x40, 0x02,0x40,0xFA,0x7F,0x0A,0x48,0x0A,0x48, 0x0A,0x48,0xFA,0x7F,0x02,0x40,0x02,0x40, 0x02,0x40,0xFE,0x7F,0x02,0x40,0x00,0x40 };

天气图标则可以采用两种方案：

• 矢量绘制：通过几何图形组合实现简单图标
• 位图预存：将设计好的图标转为位图数据

以下是绘制太阳图标的示例代码：

void draw_sun_icon(uint16_t x, uint16_t y, uint16_t color) { // 绘制中心圆 gui_circle(x, y, color, 8, 1); // 绘制光线 for(int i=0; i<8; i++) { float angle = i * M_PI/4; uint16_t x1 = x + 15*cos(angle); uint16_t y1 = y + 15*sin(angle); LCD_DrawLine(x, y, x1, y1); } }

4. 数据获取与刷新优化

4.1 多源天气数据整合

在实际项目中，可以通过三种方式获取天气数据：

1. API接口获取（需网络模块支持）

   // 伪代码示例 void fetch_weather_data() { char url[] = "http://api.weather.com/v3?location=Beijing"; char response[256]; wifi_get(url, response); parse_json(response); }

2. RTC模拟数据：在没有网络时使用内置时钟模拟季节变化

3. 手动预设数据：用于开发和测试

4.2 局部刷新与双缓冲技术

为降低MCU负载，应采用局部刷新策略。首先检测数据变化，只更新需要修改的区域：

void update_temperature(float new_temp) { static float last_temp = 0; if(fabs(new_temp - last_temp) > 0.5) { // 清除原温度显示区域 LCD_Fill(temp_area.x, temp_area.y, temp_area.x+temp_area.width, temp_area.y+temp_area.height, BACKGROUND_COLOR); // 绘制新温度 char str[10]; sprintf(str, "%.1f℃", new_temp); Show_Str(temp_area.x, temp_area.y, BLACK, BACKGROUND_COLOR, str, 24, 1); last_temp = new_temp; } }

对于复杂动画效果，可以实现简易的双缓冲机制：

1. 在内存中创建与屏幕大小相同的缓冲区
2. 所有绘图操作先在缓冲区完成
3. 最后通过DMA一次性传输到屏幕

5. 低功耗设计与性能平衡

5.1 动态刷新率调整

根据内容变化频率动态调整刷新率可以显著降低功耗：

实现代码框架：

void set_refresh_rate(RefreshRate rate) { switch(rate) { case RATE_1HZ: SysTick_Config(SystemCoreClock/1); break; case RATE_10HZ: SysTick_Config(SystemCoreClock/10); break; // 其他频率配置 } }

5.2 内存优化策略

在资源有限的STM32F103上，内存使用需要精打细算：

1. 使用PROGMEM存储常量数据：将字库、图标等只读数据存放在Flash中
2. 动态内存池管理：预先分配固定大小的内存块，避免频繁malloc/free
3. 精简数据结构：用位域压缩存储布尔标志等小数据

例如，天气数据可以这样压缩存储：

typedef struct { uint8_t temp : 7; // -40~87度 uint8_t humidity : 7; // 0~100% uint8_t weather : 3; // 天气类型枚举 uint8_t updated : 1; // 更新标志 } CompactWeatherData;

6. 项目扩展与进阶方向

完成基础功能后，可以考虑以下增强功能：

• 触摸交互：增加触摸屏驱动，实现界面切换
• 多城市支持：通过按键切换不同地点的天气
• 历史数据记录：利用STM32的备份寄存器存储历史极值
• 环境传感器集成：接入温湿度传感器验证数据准确性

一个实用的扩展案例是添加警报功能，当检测到极端天气时自动突出显示：

void check_weather_alert() { if(current_weather.temp > 35 || current_weather.temp < -10) { // 红色背景闪烁警示 for(int i=0; i<3; i++) { LCD_Fill(alert_area.x, alert_area.y, alert_area.x+alert_area.width, alert_area.y+alert_area.height, RED); delay_ms(500); LCD_Fill(alert_area.x, alert_area.y, alert_area.x+alert_area.width, alert_area.y+alert_area.height, BACKGROUND_COLOR); delay_ms(500); } } }

在调试这类项目时，逻辑分析仪是必不可少的工具。它可以直观显示SPI通信时序，帮助定位潜在的信号完整性问题。例如，当发现屏幕偶尔出现花屏时，通过捕获CS和CLK信号的关系，往往能发现时序配置不当的问题。