ESP32+LVGL实战：用ST7789和ILI9341屏幕做个桌面天气站（ESP-IDF环境）-编程实验室

ESP32+LVGL实战：打造高颜值桌面天气站（ST7789/ILI9341双屏适配指南）

窗外阳光正好，桌面上静静立着一块精致的小屏幕——实时温度、湿度、天气图标和未来预报一目了然。这种既实用又充满极客美学的桌面天气站，用ESP32和LVGL就能轻松实现。本文将带你从硬件选型到UI优化，完整实现一个支持双屏适配的智能天气站，告别Demo级演示，打造真正可用的产品级作品。

1. 硬件选型与方案设计

选择ESP32作为主控，不仅因为其出色的无线连接能力（后续获取实时天气数据的关键），更因其丰富的外设接口能完美适配各类显示屏。针对桌面天气站这个场景，我们重点对比两种经典屏幕：

特性	ST7789（1.14寸）	ILI9341（2.4寸）
分辨率	240x135	320x240
触摸功能	无	支持（XPT2046控制器）
功耗	约80mA	约120mA
最佳观看距离	0.3-0.5米	0.5-1米
典型应用场景	紧凑型设备/迷你桌面摆件	交互式设备/信息展示终端

硬件连接要点：

ST7789推荐接线方案：

MOSI -> GPIO13 SCLK -> GPIO14 CS -> GPIO15 DC -> GPIO2 RST -> GPIO4 BL -> GPIO5（背光控制）

ILI9341触摸屏额外需要：

T_IRQ -> GPIO25（触摸中断） T_CS -> GPIO26（触摸片选）

提示：实际接线时建议使用杜邦线先测试，确认无误后再焊接。遇到显示异常时，首先检查SPI时钟频率是否过高（初期建议设为20MHz以下）。

2. ESP-IDF环境搭建与LVGL移植

抛弃简单的Arduino框架，选择ESP-IDF能获得更精细的性能控制和更稳定的无线连接。以下是专业开发者推荐的环境配置流程：

基础工具链安装：

# 官方推荐的一键安装命令（Linux/macOS） curl -s https://dl.espressif.com/dl/esp-idf/install.sh | bash

创建工程骨架：

cp -r $IDF_PATH/examples/peripherals/lcd/lvgl ~/weather_station cd ~/weather_station

关键组件配置：

在menuconfig中启用：

Component config -> LVGL configuration -> [*] Enable LVGL [*] Enable demo widgets (16) Number of buffers [*] Use external RAM for buffers

双屏兼容设计技巧：

// 在lv_conf.h中动态切换显示驱动 #if defined(CONFIG_DISPLAY_TYPE_ST7789) #define LV_DISPLAY_DRIVER "ST7789" #define DISP_HOR_RES 240 #elif defined(CONFIG_DISPLAY_TYPE_ILI9341) #define LV_DISPLAY_DRIVER "ILI9341" #define DISP_HOR_RES 320 #endif

3. 天气数据获取与处理

真正的天气站需要动态数据更新，这里提供三种实现方案：

方案对比表：

方案	优点	缺点	适用场景
OpenWeatherMap API	数据丰富，支持全球位置	需要网络，有调用频率限制	实时联网环境
本地传感器采集	完全离线，响应快	仅限室内环境数据	隐私要求高的场景
混合模式	兼顾室内外数据	实现复杂度较高	专业级应用

推荐使用OpenWeatherMap的免费API层：

# 示例：ESP32获取天气数据的MicroPython实现 def get_weather(api_key, city): import urequests url = f"http://api.openweathermap.org/data/2.5/weather?q={city}&appid={api_key}&units=metric" response = urequests.get(url) data = response.json() return { 'temp': data['main']['temp'], 'humidity': data['main']['humidity'], 'icon': data['weather'][0]['icon'] }

注意：实际产品中建议添加HTTPS支持和数据缓存机制，避免频繁请求导致API限制。

4. LVGL界面设计与优化技巧

从Demo到产品，UI设计需要考量以下要素：

核心界面组件：

主信息区（占屏60%）：
- 大型温度数字（使用lv_label_set_text_fmt动态更新）
- 天气状态图标（建议使用LVGL内置符号字体）
次级信息区（占屏20%）：
- 湿度/气压组合显示
- 日出日落时间进度条
控制区（仅ILI9341触摸屏需要）：
- 城市切换按钮
- 单位切换开关

ST7789小屏适配技巧：

// 动态调整布局参数 if(DISP_HOR_RES < 300) { lv_style_set_text_font(&temp_style, &lv_font_montserrat_48); lv_obj_set_width(info_panel, 200); } else { lv_style_set_text_font(&temp_style, &lv_font_montserrat_72); lv_obj_set_width(info_panel, 280); }

性能优化清单：

使用lv_timer_create替代直接循环更新
将静态资源放入SPIFFS文件系统
启用LVGL的帧缓冲模式
对不常变化的元素使用lv_obj_add_flag(obj, LV_OBJ_FLAG_HIDDEN)

5. 产品化进阶改造

让作品真正融入日常生活，还需要这些细节打磨：

电源管理方案：

USB供电模式：添加锂电池充放电电路（TP4056+升压模块）

深度睡眠配置：

esp_sleep_enable_timer_wakeup(300 * 1000000); // 5分钟更新一次 esp_deep_sleep_start();

外壳设计建议：

3D打印参数：
- ST7789版本：85x55x25mm（含ESP32空间）
- ILI9341版本：120x80x35mm（预留触摸操作空间）
亚克力切割方案：前盖使用磨砂材质减少反光

工厂量产前的测试清单：

连续72小时运行稳定性测试
不同光照条件下的可视度评估
触摸屏点击精度校准（仅ILI9341）
无线重连成功率统计

6. 疑难问题解决方案

实际开发中遇到的典型问题及对策：

显示异常排查流程：

确认SPI引脚配置与硬件一致
检查电源电压是否稳定（建议示波器观察）
降低SPI时钟频率测试
尝试不同的颜色格式（RGB565/BGR565）

触摸校准代码示例：

void calibrate_touch() { lv_indev_t * indev = lv_indev_get_next(NULL); lv_indev_data_t data; lv_indev_read(indev, &data); if(data.state == LV_INDEV_STATE_PRESSED) { int16_t raw_x = data.point.x; int16_t raw_y = data.point.y; // 应用校准公式 int16_t calib_x = (raw_x - 300) * 320 / 3800; int16_t calib_y = (raw_y - 300) * 240 / 3800; } }

内存优化技巧：