BME280 Temperatur, Luftfeuchte & Druck auf Nextion Touchscreen anzeigen

Komponenten & Materialien

Arduino Nano R3	×1
SparkFun BME280 Breakout (I2C/SPI)	×1
Itead Nextion NX8048T070 (7″ HMI TFT Touch)	×1
FT232RL USB-Serial-Wandler (5V)	×1
4× Female-Female Jumperkabel	×1

Apps & Onlinedienste

• Visuino (grafische Arduino-Entwicklung)
• Arduino IDE (1.6.7+ zwingend!)
• Nextion Editor (kostenlos von Itead)

Über dieses Projekt

Displays mit GUI fressen oft viel RAM & CPU – problematisch bei Uno/Nano. Nextion Smart Displays lösen das: Die Grafik läuft auf dem Display, der Arduino sendet nur serielle Befehle. Der Nextion Editor erlaubt visuelles UI-Design.

Der BME280 liefert präzise Temperatur, Luftfeuchte & Luftdruck (I2C/SPI). Visuino hat natives Nextion-Support – ideal für ein kombiniertes Tutorial: BME280-Daten auf 3 Kanälen eines Scope (Waveform)-Elements darstellen.

Schritt 1: Komponenten bereitlegen

Schritt 2: Nextion an USB-Serial-Wandler anschließen

1. Nextion-Kabel an Display stecken.
2. Wandler auf 5V einstellen (Jumper).
3. Schwarz → GND, Rot → VCC, Gelb → TX (Wandler), Blau → RX (Wandler).
4. Wandler per USB an PC.

Schritt 3: Nextion Editor starten, Display-Typ & Orientierung wählen

1. Editor öffnen → File → New.
2. Projekt speichern.
3. Display-Typ wählen (hier NX4024K032_11).
4. Reiter „DISPLAY“ → Orientation: Horizontal.

Schritt 4: Waveform (Scope) Komponente hinzufügen & konfigurieren

1. Toolbox → Waveform in Designbereich ziehen.
2. Auf Displaygröße ziehen.
3. Attribut ch = 3 (3 Kanäle).
4. Attribut dir = right to left (Scrollrichtung).

Schritt 5: Projekt auf Nextion hochladen

1. Upload-Button → Dialog „Go“ → Upload läuft.
2. Nach Abschluss „Exit“.

Schritt 6: Visuino starten, Arduino-Board wählen

1. Visuino öffnen.
2. Arduino-Komponente → Tools → Arduino Nano wählen.
3. Wichtig: Nano hat nur einen Serial-Port. Erst Sketch hochladen, dann Nextion anschließen!

Schritt 7: Nextion Display Komponente + Scope Element in Visuino

1. Komponenten-Filter „next“ → Nextion Display in Design ziehen.
2. Dessen Tools-Button → Elements → „Scope(Wave)“ hinzufügen.

Schritt 8: 3 Kanäle zum Scope + Nextion verbinden

1. Scope1 → Channels → „...“ → 3× Channel hinzufügen.
2. Dialoge schließen.
3. DisplayNextion1 Out → Arduino Serial[0] In verbinden.

Schritt 9: 3× Map Range für Skalierung 0.0–1.0

Nextion Scope erwartet Werte 0.0–1.0. Map Range wandelt Sensorwerte um:

• MapRange1 (Druck): Input 99000–101000 Pa (ortsabhängig anpassen!)
• MapRange2 (Temperatur): Input -20–100 °C
• MapRange3 (Feuchte): Input 0–100 %

Schritt 10: Map Range → Nextion Kanäle verbinden

• MapRange1 Out → DisplayNextion1 Elements.Scope1.Channels.Channel1 In
• MapRange2 Out → Channel2 In
• MapRange3 Out → Channel3 In

Schritt 11: BME280 Komponente hinzufügen & verbinden

1. Filter „280“ → Pressure Temperature Humidity BME280 I2C hinzufügen.
2. I2C-Adresse prüfen (Default 0x76 = 118).
3. Verbinden:
   • BME280 Pressure → MapRange1 In
   • BME280 Temperature → MapRange2 In
   • BME280 Humidity → MapRange3 In
   • BME280 Out → Arduino I2C In

Schritt 12: Clock Generator für 10 Hz Update

1. Clock Generator hinzufügen, Frequency = 10.
2. Clock Out → BME280 Clock In (triggert Messung & Display-Update).

Schritt 13: Code generieren, kompilieren, hochladen

1. Visuino: F9 oder Play-Button → Arduino IDE öffnet sich.
2. In IDE: Upload (Sketch wird auf Nano geflasht).

Schritt 14: BME280 an Arduino anschließen (I2C)

• VCC (3V3) → Rot, GND → Schwarz, SDA → Grün, SCL → Gelb an BME280.
• Gegenstück: GND → Nano GND, 3V3 → Nano 3V3, SDA → A4, SCL → A5.

Schritt 15: Nextion an Arduino anschließen

• Nextion vom Wandler abziehen.
• Schwarz → Nano GND.
• Blau (Nextion TX) → Nano RX (D0).
• Gelb (Nextion RX) → Nano TX (D1).
• Rot → Nano 5V.

Schritt 16: Fertig – Loslegen!

Der Scope plottet Druck, Temperatur, Feuchte live. Visuino-Diagramm & Nextion-Projekt im Anhang (FJE6Y04IWE4O3H6.zip).

Dateien

• Visuino-Projekt + Nextion-Projekt: FJE6Y04IWE4O3H6.zip