Nextion Display Interface With ESP 32 Four Relay Board: 7 Steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:46

I denna instruktioner kommer vi att koppla 5 -tums nextion -displayen till Esp 32 fyra reläkort. Kortet styrs av MQTT -protokollet. Styrelsen har också tvåvägsstyrande funktioner. Den kan styras både av mqtt och pekskärm. Pekskärmen är ansluten till Esp 32 via uart.

Inställning av Nextion Display:

Nextion Editor är en utvecklingsprogramvara som används för visuellt byggande av grafiskt gränssnitt för inbäddade GUI-intensiva enheter med olika typer av TFT-skärmar och pekpaneler. Med hjälp av detta verktyg kan användare börja skapa TFT -baserade enheter på ett snabbare och enklare sätt.

Nextion Editor kan laddas ner från denna länk

nextion.itead.cc/resources/download/nextion-editor/

Efter nedladdning installerar du nästa redigerare.

Steg 1: Nextion Editor

Öppna nästa jonredigerare nedan visar nästa jonfönster, det har subfönster. Verktygslåda i det här fönstret kommer att finnas en uppsättning funktioner som att visa text, lägga till knapp eller skapa ratt etc. vi kan dra och släppa dessa objekt till huvudfönstret. Nedre vänstra hörnet är bild- och teckensnittsfönstret där användaren kan lägga till bilderna med "+"-symbolen och kan radera bilder med "-"-symbolen. Övre högra hörnet finns ett sidfönster där användaren kan lägga till eller ta bort sidor. Nederst till höger är attributfönstret där, här kan användaren ändra objektparametrarna. Det finns två fönster, ett är utmatningsfönster och händelsefönster. kommer att visa kompilatorfelet. Användaren väljer objekt och skriver koden i händelsefönstret för att få saker att hända.

Vi måste skapa den nya filen, när vi har sparat den nya filen visas image2 -fönstret, den kommer att be om att välja modell, modellen är ingenting annat än nästa bildskärmsmodell, du får den på baksidan av nästajon efter att du klickar ok för att Fortsätt.

Efter att ha skapat en ny fil skapas sidan som visas i bild image3, användaren kan skapa många sidor beroende på hans applikation. Men i den aktuella applikationen begränsar vi till endast en sida.

Steg 2: Lägga till bilder och teckensnitt

I image4 kan du se hur du skapar teckensnitt. Gå till verktyg och klicka på Font Generator, teckensnittsfönstret kommer att visas, i detta väljer du höjd och typsnitt, anger typsnittet och klickar på generatorns teckensnitt. inte.

I image5 kan du se hur du lägger till teckensnitt, det markeras i ögonblicksbilden. Med hjälp av symbolerna + och - kan användaren lägga till eller ta bort teckensnitt.

I image6 kan du se hur du lägger till bilder eller tar bort bilderna genom att välja “+” respektive “-”.

Steg 3: Skapa knapp

Image7 visar hur du lägger till objekten i huvudfönstret från verktygslådan. Till exempel klickar du på objektet dual state -knappen, det kommer att visas i huvudfönstret som visas i image7 dual state button object bt0. Användaren kan flytta knappen i x- och y -riktning. Vi visar hur man skapar en switch -knapp med dubbla tillstånd.

I image8 kan vi se knappen bilden har ändrats enligt användare. Vi måste klicka på knappen bt0, i attributfönstret visas knappparametrarna. I den användaren måste ändra parametern sta till bild och i fliken pic0 och pic1 måste användaren tilldela de bilder han vill använda.

I bild 9 visar det slutliga arrangemanget av alla knappar inklusive namngivning. Här har vi lagt till bt0, bt1, bt2 och bt3 för knapp0, knapp1, knapp2 respektive knapp3.

Steg 4: Händelsekod för switchknapp

Bild 10 visar förinitialiseringen av överföringshastighet = 115200 i händelsefönstret, dess del av koden. Användaren kan initialisera i denna del som gäller visning.

I bild 11 visar koddelen av knapp bt0, här skriver vi ut seriell beroende på knappens variabeltillstånd, dvs för bt0 -variabel är 0 då skickar vi seriell “R10” och för bt0 -variabel är 1 då skickar vi “R11” till esp. När Esp får R10 stängs det av 1: a reläet och när det får R11 1: a reläet slås på. På samma sätt måste vi koda för alla knappar till exempel bt1, bt2 och bt3.

Steg 5: Debug GUI

När allt är kodat måste vi kompilera, om det inte finns något fel kan vi felsöka det skapade GUI -funktionen enligt våra krav innan vi laddar upp det till nästa jonsdisplay. Bild12 visar fönstret för felsökning, här kan användaren nuvarande simulator från rullgardinsmenyn och kontrollera om den fungerar enligt användaren.

När enheten fungerar enligt användaren är nästa steg att ladda upp koden till nästa jons display.

Bild13 visar fönstret ladda upp till nextion-enhet, här måste du välja com-port och baud-rate. Efter det måste du klicka på go-knappen för att ladda upp till koden, det kan ta lite tid att ladda upp.

Steg 6: Arbeta med enheten

Bild 14 visar anslutningsschemat för ESP 32 wifi fyra reläkort med nextion -displayen. Från ESP 32 -kortet J1 och J2 ansluter 5v och Ground (G) till nästaion -displayen enligt nedan. Anslut Tx of nextion till Rx0 på ESP32 kort och Rx av nästa till Tx0 på ESP32 -kortet. Detta kommer att upprätta Uart -kommunikation.

Arbetar: När allt är anslutet startar enheten enheten med ssid och lösenord och mqtt -mäklare med publicerings- och prenumerationsämnesnamn. Efter att ha skickat in legitimationen startas enheten om och ansluter till mqtt. Redan enheten är konfigurerad för openhab (för openhab, kontrollera vår openhab instruktioner) som visas i bild 15.

Enheten kan också styras av http, mqtt via GUI -pekskärmen. Vi kan få aktuell status för alla reläkanaler oavsett om kanaler är på eller av på både mqtt och pekskärm.

Steg 7: Hjälp för Nextion

Bild17 visar fönstret för nästa instruktionsuppsättning, där användaren kan få hjälp.