BME280 环境数据实时显示于 Nextion 触摸屏——Visuino 图形化开发

项目简介

为 Arduino 添加图形界面常受限于内存与算力（UNO/Nano 等）。Nextion 智能串口屏 将 UI 渲染下放屏端，主控仅发指令，极适合资源受限单片机。ITEAD 提供免费 Nextion Editor 可视化设计界面。BME280 集成高精度温度、湿度、气压，支持 I2C/SPI。Visuino 内置完整 Nextion 支持，本教程结合两者：用 Visuino 驱动 BME280，将三通道数据实时绘制在 Nextion 波形（Scope） 组件上。

步骤 1：元件清单

• Arduino 兼容板（演示用 Nano）
• BME280 模块
• Nextion 串口智能屏（演示用 NX4024K032_11，其它型号同理）
• 4 根母母杜邦线
• 5V USB-TTL 转串口模块（烧录屏固件用）

步骤 2：Nextion 屏接线烧录固件

屏排线接屏 → USB-TTL 模块：黑接 GND、红接 5V（模块需配置 5V 输出）、黄接模块 TX、蓝接模块 RX → USB 接电脑。

步骤 3：Nextion Editor 新建项目、选型号、横屏

安装 Nextion Editor → File→New → 保存项目 → Settings 选屏型号 → Display 标签页选 Horizontal → OK。

步骤 4：添加波形组件、配置 3 通道、右向左滚动

工具箱拖入 Waveform → 拉满屏 → Attribute 栏 ch=3、dir=right to left。

步骤 5：上传项目到屏

点 Upload → Go 烧录 → 完成 Exit。

步骤 6：Visuino 选板

Nano 仅单串口，烧录时需断开屏。需 Arduino IDE 1.6.7+（1.6.6 有严重 Bug）与 Visuino（https://www.visuino.com）。启动 Visuino → Arduino 组件 Tools → 选 Arduino Nano。

步骤 7：Visuino 添加 Nextion 组件与 Scope 元素

工具箱搜“next”拖入 Nextion Display → Tools → Elements 编辑器添加 Scope(Wave) 元素。

步骤 8：Scope 添加 3 通道、连接串口

Scope1 的 Channels 属性点“...”→ 右侧选 Channel 点“+”加 3 个 → 关闭对话框 → 连接 DisplayNextion1 的 Out 到 Arduino Serial[0] In。

步骤 9：添加 3 个 Map Range 映射到 0.0-1.0

Nextion Scope 仅接受 0.0-1.0，需映射：

• MapRange1（气压 Pa）：Input Range Min=99000、Max=101000（视当地气压微调）
• MapRange2（温度 ℃）：Min=-20、Max=100
• MapRange3（湿度 %）：Min=0、Max=100

步骤 10：Map Range 连接到 Scope 通道

MapRange1 Out → Scope1.Channel1 In；MapRange2 Out → Channel2 In；MapRange3 Out → Channel3 In。

步骤 11：添加 BME280 组件、接线

工具箱搜“280”拖入 Pressure Temperature Humidity BME280 I2C。模块 I2C 地址 0x76(118)，不同地址修改 Address 属性。连接：Pressure→MapRange1 In、Temperature→MapRange2 In、Humidity→MapRange3 In、Out→Arduino I2C In。

步骤 12：添加时钟发生器、10Hz 触发采样

拖入 Clock Generator，Frequency=10 → Out 连 BME280 Clock In，实现 10 次/秒刷新波形。

步骤 13：生成、编译、上传 Arduino 代码

Visuino 按 F9 生成代码并打开 IDE → 点击上传。

步骤 14：BME280 接线 Arduino

红接 3V3、黑接 GND、绿接 SDA(A4)、黄接 SCL(A5) → 对应 Nano 引脚。

步骤 15：Nextion 屏接线 Arduino

屏脱离 USB-TTL → 黑接 GND、蓝接 RX(D0)、黄接 TX(D1)、红接 5V。图 4 红标 Nano 电源/串口引脚位置。

步骤 16：运行效果

完成！ 通电后 Nextion 波形实时绘制气压、温度、湿度三通道曲线。附件含 Visuino 项目文件（可在 https://www.visuino.com 打开）与 Nextion Editor 项目打包。

FJE6Y04IWE4O3H6.zip