Tutorial Nextion Display #1

Heute geht es darum wie Ihr ein Nextion Display ohne Bibliothek verwenden könnt und wie man mit dem Programm umgeht. Ich finde die Nextion Bibliothek recht kompliziert und daher arbeite ich ohne diese. Hier im ersten Teil wird ein Button und ein Textfeld erstellt und über den Arduino abgefragt und Daten ausgegeben. Im Video wird Schritt für Schritt erklärt was zu tun ist.

Die Software zum erstellen der Nextionoberfläche findet Ihr hier. https://nextion.tech/nextion-editor/#_section1
Auf der Nextion Seite findet Ihr auch nützliche Infos über das Display.

Der Aufbau

Der Aufbau ist wie immer recht einfach. Ich nutze einen Arduino Uno, es kann auch ein anderer Arduino oder Wemos genommen werden.
GND = 0 Volt
Gelb = RX Nextion -> TX Arduino
Blau = TX Nextion -> RX Arduino
Rot = 5 Volt

Der Programmcode

Mit betätigen des Button wird ein Text in das Textfeld ausgegeben. In dem Teil wo der Text ausgegeben wird kann auch eine andere Aktion stattfinden, wie zum Beispiel eine LED schalten oder ähnliches.
				
					#include <Wire.h>

char button [7] = {};

void setup() {
Serial.begin(9600);
String cmd;
cmd += "\"";

// Textfeld beim Start leeren
Serial.print("tStatus.txt=" + cmd + " " + cmd);
Serial.write(0xFF);
Serial.write(0xFF);
Serial.write(0xFF);
Serial.print("tStatus.txt=" + cmd + " " + cmd);
Serial.write(0xFF);
Serial.write(0xFF);
Serial.write(0xFF);
}

void loop() {
// Serielle Schnittstelle auslesen
if (Serial.available() > 0)
{
for (int i = 0; i < 6; i++) {
button[i] = button[i + 1];
}
button[6] = Serial.read();
}

// Button Abfrage + Aktion
if (button[2] == 1)
{
String cmd;
cmd += "\"";
Serial.print("tStatus.txt=" + cmd + "LED EIN" + cmd);
Serial.write(0xFF);
Serial.write(0xFF);
Serial.write(0xFF);
Serial.print("tStatus.txt=" + cmd + "LED EIN" + cmd);
Serial.write(0xFF);
Serial.write(0xFF);
Serial.write(0xFF);
for (int i = 0; i < 7; i++) {
button[i] = 0;
}
}
delay(50);
}
				
			
Folgende Bauteile wurden verwendet:

Jetzt im Onlineshop