Tutorial Nextion Display #1

Nextion#01

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:

1x Arduino Uno – https://amzn.to/33ay4yq *
1x Nextion Display – https://amzn.to/2VnCPBU *

Letzte Aktualisierung am 2.04.2020 / Affiliate Links / Bilder von der Amazon Product Advertising API

2 Thoughts to “Tutorial Nextion Display #1”

  1. Hallo,

    Schöner Artikel. Ich habe eine spezielle Frage und vielleicht hab ich ja Glück und Du weißt das.
    Wie ist der Print Code um einen Line Feed zum Arduino zu senden? Gruß Mark

  2. Sabine H.

    Schöner Beitrag! Mein Mann ist Wirtschaftsingenieur und er findet, dass die Arduino Programmierung sehr wichtig ist und immer wichtiger wird. Daher bekommt Felix nun auch eine Arduino Programmierwerkstatt (https://kinderprogrammieren.de/spielsachen/experimentierkaesten/franzis-baubox-programmier-werkstatt-erfahrungsbericht/), mit der er kinderleicht programmieren kann. Ich bin gespannt, wie sich Felix mit der Arduino Programmierung macht. LG Sabine

Leave a Comment