告别枯燥数据！用OLED屏打造你的桌面天气站（Arduino/STM32通用教程）
你是否厌倦了手机上千篇一律的天气应用？想不想在桌面上放一个既实用又酷炫的个性化天气显示器？今天我们就用一块小小的OLED屏幕，结合常见的开发板，打造一个能显示温湿度、天气信息甚至自定义动画的桌面天气站。这个项目不仅能让你的工作台瞬间科技感爆棚，还能让你深入掌握OLED显示技术和传感器数据整合的实用技巧。
1. 硬件选型与准备
1.1 OLED屏幕选择与连接
市面上常见的OLED屏幕主要有两种接口方式：SPI和I2C。对于我们的天气站项目，推荐使用128x64像素的I2C接口OLED，原因有三：
- 接线简单：I2C只需4根线（VCC、GND、SCL、SDA）
- 节省IO口：特别适合引脚资源有限的开发板
- 通用性强：Arduino和STM32都能轻松驱动
以下是常见OLED模块的引脚定义：
| 引脚名称 | 功能说明 | 连接目标 |
|---|---|---|
| VCC | 电源正极 | 3.3V或5V（视模块而定） |
| GND | 电源负极 | GND |
| SCL | 时钟线 | 开发板I2C时钟引脚 |
| SDA | 数据线 | 开发板I2C数据引脚 |
提示：部分OLED模块需要上拉电阻，如果发现通信不稳定，可以在SCL和SDA线上各加一个4.7kΩ上拉电阻到VCC。
1.2 开发板选择与环境搭建
这个项目支持两种主流开发平台：
Arduino方案：
- 推荐使用Arduino Uno或Nano
- 需要安装以下库：
Adafruit_GFX（图形库）Adafruit_SSD1306（OLED驱动库）Wire（I2C通信库）
STM32方案：
- 推荐使用STM32F103C8T6（蓝莓板）
- 开发环境可以使用PlatformIO或Keil
- 需要配置HAL库的I2C功能
// Arduino平台I2C初始化示例 #include <Wire.h> void setup() { Wire.begin(); // 初始化I2C // 其他初始化代码... }2. 传感器数据采集与处理
2.1 温湿度传感器集成
DHT11是最容易上手的温湿度传感器之一，虽然精度一般（湿度±5%，温度±2℃），但对于桌面天气站已经足够。接线非常简单：
- VCC → 5V
- GND → GND
- DATA → 任意数字引脚
// DHT11读取示例（Arduino） #include <DHT.h> #define DHTPIN 2 #define DHTTYPE DHT11 DHT dht(DHTPIN, DHTTYPE); void setup() { Serial.begin(9600); dht.begin(); } void loop() { float h = dht.readHumidity(); float t = dht.readTemperature(); if (isnan(h) || isnan(t)) { Serial.println("读取DHT11失败!"); return; } Serial.print("湿度: "); Serial.print(h); Serial.print("%"); Serial.print(" 温度: "); Serial.print(t); Serial.println("°C"); delay(2000); }注意：DHT11读取间隔建议不小于2秒，否则可能读取失败。如需更高精度，可以考虑BME280或SHT31等传感器。
2.2 气压传感器扩展（可选）
如果你想增加气压和海拔数据，BMP280是个不错的选择。它同样使用I2C接口，可以与OLED共用总线：
// BMP280初始化代码示例 #include <Adafruit_BMP280.h> Adafruit_BMP280 bmp; // I2C接口 void setup() { if (!bmp.begin(0x76)) { // 地址可能是0x76或0x77 Serial.println("找不到BMP280传感器!"); while (1); } } void loop() { Serial.print("温度 = "); Serial.print(bmp.readTemperature()); Serial.println(" *C"); Serial.print("气压 = "); Serial.print(bmp.readPressure() / 100.0F); Serial.println(" hPa"); Serial.print("海拔 = "); Serial.print(bmp.readAltitude(1013.25)); Serial.println(" 米"); delay(2000); }3. OLED界面设计与优化
3.1 信息布局策略
在128x64的小屏幕上显示多种信息需要精心设计布局。以下是经过验证的有效方案：
主界面分区：
- 顶部20像素：日期时间（大字体）
- 中间30像素：温度/湿度（图标+数值）
- 底部14像素：状态栏（WiFi信号、电池电量等）
天气图标设计技巧：
- 使用8x8或16x16像素的简洁图标
- 晴天：简单太阳图形
- 雨天：水滴图案
- 多云：云朵轮廓
// 天气图标定义示例 const unsigned char sunny_icon[] PROGMEM = { 0x00, 0x42, 0x24, 0x18, 0x18, 0x24, 0x42, 0x00 }; void drawWeatherIcon(int x, int y, const unsigned char* icon) { display.drawBitmap(x, y, icon, 8, 8, WHITE); }3.2 动态效果实现
简单的动画能让你的天气站更加生动：
温度计动态效果：
- 绘制温度计轮廓（静态）
- 根据当前温度计算液柱高度
- 使用
fillRect动态更新液柱
// 温度计动画示例 void drawThermometer(int temp) { // 绘制轮廓 display.drawRect(10, 10, 8, 40, WHITE); display.fillCircle(14, 52, 4, WHITE); // 计算液柱高度（假设范围0-40°C） int height = map(temp, 0, 40, 0, 36); display.fillRect(12, 48 - height, 4, height, WHITE); }4. 系统集成与高级功能
4.1 网络时间同步
使用ESP8266或ESP32模块可以为你的天气站添加网络功能，实现自动时间同步：
// ESP8266获取网络时间示例 #include <ESP8266WiFi.h> #include <NTPClient.h> #include <WiFiUdp.h> WiFiUDP ntpUDP; NTPClient timeClient(ntpUDP, "pool.ntp.org", 28800, 60000); void setup() { WiFi.begin("SSID", "password"); while (WiFi.status() != WL_CONNECTED) { delay(500); } timeClient.begin(); } void loop() { timeClient.update(); String formattedTime = timeClient.getFormattedTime(); // 显示时间... }4.2 天气API接入
通过免费的天气API（如OpenWeatherMap），可以获取实时天气数据：
// 获取天气数据示例（需要WiFiClient库） String getWeatherData() { WiFiClient client; if (!client.connect("api.openweathermap.org", 80)) { return "连接失败"; } client.print(String("GET /data/2.5/weather?q=Beijing&appid=YOUR_API_KEY HTTP/1.1\r\n") + "Host: api.openweathermap.org\r\n" + "Connection: close\r\n\r\n"); while(client.connected() && !client.available()) delay(1); String result; while(client.available()) { result = client.readStringUntil('\r'); } return result; }4.3 低功耗优化
如果你打算用电池供电，这些技巧可以延长续航：
- 设置OLED对比度为最低可用值
- 降低传感器读取频率（如每5分钟一次）
- 在不操作时让MCU进入睡眠模式
- 使用深色界面（OLED显示黑色不耗电）
// Arduino低功耗示例 #include <avr/sleep.h> void enterSleep() { set_sleep_mode(SLEEP_MODE_PWR_DOWN); sleep_enable(); sleep_mode(); // 唤醒后会从这里继续执行 sleep_disable(); }5. 项目扩展与创意玩法
5.1 3D打印外壳设计
给你的天气站一个漂亮的家：
- 使用Tinkercad或Fusion 360设计简单外壳
- 留出传感器通风孔
- 考虑倾斜角度，便于查看屏幕
- 添加挂墙孔或支架接口
5.2 多屏信息切换
通过按钮或手势控制切换不同信息页面：
- 主页面：天气+温湿度
- 第二页：气压趋势图
- 第三页：系统信息（IP地址、运行时间等）
// 多页面切换示例 int currentPage = 0; const int MAX_PAGES = 3; void checkButton() { if (digitalRead(BUTTON_PIN) == LOW) { currentPage = (currentPage + 1) % MAX_PAGES; delay(200); // 防抖 } } void drawPage() { switch(currentPage) { case 0: drawMainPage(); break; case 1: drawPressurePage(); break; case 2: drawSystemPage(); break; } }5.3 数据记录与可视化
添加SD卡模块，记录���史数据：
- 每分钟记录一次温湿度
- 每天生成一个CSV文件
- 通过Python脚本分析数据趋势
- 在OLED上显示24小时温度曲线
// SD卡数据记录示例 #include <SD.h> void logData(float temp, float humidity) { File dataFile = SD.open("datalog.csv", FILE_WRITE); if (dataFile) { dataFile.print(millis()); dataFile.print(","); dataFile.print(temp); dataFile.print(","); dataFile.println(humidity); dataFile.close(); } }在实际项目中，我发现最耗时的部分不是代码编写，而是界面设计的反复调整。有时候为了多显示一个数据点，需要尝试五六种布局方案。建议先用纸笔画出草图，再逐步实现，这样效率会高很多。另外，使用透明的亚克力板做外壳时，记得在内部贴一层磨砂膜，这样OLED的显示效果会更加柔和均匀。
