不止是显示图片：用MicroPython玩转ESP32上的ST7735S屏幕，还能做这些事
不止是显示图片：用MicroPython玩转ESP32上的ST7735S屏幕，还能做这些事
当ESP32遇上ST7735S这块小巧的TFT屏幕，很多开发者止步于静态图片显示就认为已经"玩透"了。实际上，这套硬件组合能实现的创意应用远超你的想象——从动态数据可视化到简易游戏界面，从物联网状态面板到可交互式菜单系统，MicroPython的轻量化特性让这些功能在资源有限的嵌入式设备上也能流畅运行。
1. 突破静态显示：动态效果实现技巧
1.1 硬件加速的滚动文字
传统的文字滚动通常需要重绘整个屏幕，但在ST7735S上我们可以利用硬件特性优化性能。先初始化屏幕并导入字体：
import st7735 from machine import SPI, Pin import vga1_8x8 as font spi = SPI(1, baudrate=20000000, polarity=0, phase=0) display = st7735.ST7735(spi, cs=Pin(18), dc=Pin(16), rst=Pin(17)) display.fill(st7735.BLACK)实现平滑滚动的核心是使用帧缓冲区和部分刷新：
def scroll_text(text, y_pos, color): text_width = len(text) * 8 for x in range(128, -text_width, -1): display.fill_rect(0, y_pos, 128, 8, st7735.BLACK) display.text(font, text, x, y_pos, color) display.show()提示：将频繁使用的颜色值预先定义为常量（如
BLACK = 0x0000）可以节省内存访问时间。
1.2 轻量级动画引擎
即使是128x160的低分辨率屏幕，也能呈现流畅的动画效果。下面是一个心跳动画的实现示例：
heart_frames = [ [0,0,0,0,0,0,0,0], [0,1,1,0,0,1,1,0], [1,1,1,1,1,1,1,1], # 更多帧数据... ] def draw_frame(frame, x, y, size, color): for row in range(len(frame)): for col in range(len(frame[0])): if frame[row][col]: display.fill_rect(x+col*size, y+row*size, size, size, color)动画播放时注意控制帧率：
import time for frame in heart_frames: draw_frame(frame, 60, 80, 2, st7735.RED) display.show() time.sleep(0.1) display.fill_rect(60, 80, 16, 16, st7735.BLACK)2. 实时数据可视化方案
2.1 传感器数据仪表盘
连接DHT11温湿度传感器后，我们可以创建实时刷新的仪表盘。先准备UI组件：
def draw_gauge(title, value, unit, x, y, max_val): # 绘制刻度 display.rect(x, y, 40, 10, st7735.WHITE) # 绘制动态指针 fill_width = int(38 * (value/max_val)) display.fill_rect(x+1, y+1, fill_width, 8, st7735.GREEN) # 显示数值 display.text(font, f"{title}:{value}{unit}", x, y+15, st7735.WHITE)主循环中更新显示：
while True: temp, humidity = read_dht11() display.fill(st7735.BLACK) draw_gauge("Temp", temp, "C", 10, 30, 50) draw_gauge("Humid", humidity, "%", 70, 30, 100) display.show() time.sleep(2)2.2 网络状态监控面板
对于联网的ESP32项目，可以展示关键网络指标：
| 指标 | 显示方式 | 更新频率 |
|---|---|---|
| RSSI信号强度 | 柱状图 | 5秒 |
| 传输速率 | 数字+趋势箭头 | 10秒 |
| 数据流量 | 滚动计数器 | 1分钟 |
| 连接状态 | 颜色标识(红/绿) | 实时 |
实现代码片段：
def draw_wifi_icon(strength): # 根据信号强度绘制不同高度的柱状图 levels = [ (20,1), (40,2), (60,3), (80,4) ] for level in levels: if strength > level[0]: display.fill_rect(120, 30-level[1]*5, 3, level[1]*5, st7735.BLUE)3. 交互式用户界面开发
3.1 轻量级按钮组件
即使没有触摸屏，我们也能通过ESP32的GPIO按钮实现交互：
class Button: def __init__(self, x, y, w, h, label): self.rect = (x, y, w, h) self.label = label self.state = False def draw(self): color = st7735.RED if self.state else st7735.WHITE display.rect(*self.rect, color) display.text(font, self.label, self.rect[0]+5, self.rect[1]+5, color) def check_click(self, x, y): if (self.rect[0] <= x <= self.rect[0]+self.rect[2] and self.rect[1] <= y <= self.rect[1]+self.rect[3]): self.state = not self.state return True return False3.2 菜单系统实现
多级菜单需要管理状态和显示层级：
menu = { 'main': ['Settings', 'Monitor', 'Network'], 'Settings': ['Brightness', 'Timeout', 'Back'], 'Monitor': ['Temp', 'Humidity', 'Back'] } current_menu = 'main' selection = 0 def draw_menu(): display.fill(st7735.BLACK) for i, item in enumerate(menu[current_menu]): color = st7735.YELLOW if i == selection else st7735.WHITE display.text(font, item, 10, 10+i*15, color) display.show()配合旋转编码器或按钮导航：
btn_up = Pin(12, Pin.IN, Pin.PULL_UP) btn_down = Pin(13, Pin.IN, Pin.PULL_UP) while True: if not btn_up.value(): selection = max(0, selection-1) draw_menu() if not btn_down.value(): selection = min(len(menu[current_menu])-1, selection+1) draw_menu() time.sleep(0.1)4. 性能优化与内存管理
4.1 帧缓冲区策略对比
针对不同应用场景选择合适的刷新方式：
| 方法 | 内存占用 | 刷新速度 | 适用场景 |
|---|---|---|---|
| 全屏刷新 | 低 | 慢 | 静态内容 |
| 局部刷新 | 中 | 中 | 部分更新 |
| 双缓冲区 | 高 | 快 | 复杂动画 |
| 直接硬件写入 | 最低 | 最快 | 简单图形，对闪烁不敏感 |
4.2 关键优化技巧
- 预渲染静态元素：将不变化的界面部分预先渲染为图像块
- 使用精灵图：将多个小图标合并到一个图像中减少文件数量
- 内存池管理：重用对象而非频繁创建销毁
- 冻结常量：将频繁访问的配置值设为模块级常量
# 内存优化示例 import micropython from gc import collect # 预先分配内存池 sprite_buf = bytearray(64) def render_sprite(x, y, data): micropython.alloc_emergency_exception_buf(100) sprite_buf[:] = data # 复用缓冲区 display.blit(sprite_buf, x, y, 8, 8) collect() # 手动触发垃圾回收5. 进阶项目创意
结合ESP32的无线功能，ST7735S可以成为各种物联网项目的显示终端：
- 智能家居控制面板：显示并控制灯光、窗帘等设备
- 便携式游戏机：运行简单的复古游戏
- 电子实验仪器：显示示波器波形或逻辑分析仪结果
- 工业HMI界面：监控生产线状态
- 可穿戴设备：显示健康监测数据
一个MQTT消息显示器的实现框架：
from umqtt.simple import MQTTClient def on_message(topic, msg): display.fill_rect(0, 0, 128, 20, st7735.BLACK) display.text(font, topic.decode(), 0, 0, st7735.CYAN) display.text(font, msg.decode(), 0, 10, st7735.WHITE) display.show() client = MQTTClient("esp32", "mqtt.broker") client.set_callback(on_message) client.connect() client.subscribe("display/update")在项目开发中，最让我惊喜的是ST7735S在合理优化后能够流畅显示动态内容。比如通过预计算动画帧、使用脏矩形刷新等技术，即使处理复杂界面也能保持30fps的刷新率。