Sučelje Nextion zaslona s ESP 32 pločom s četiri releja: 7 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:37

U ovim uputama povezat ćemo 5 -inčni susjedni zaslon s četiri relejne ploče Esp 32. Upravljačkom pločom upravlja MQTT protokol. Ploča također ima dvosmjerne mogućnosti upravljanja. Njime se može upravljati pomoću mqtt i zaslona osjetljivog na dodir. Zaslon osjetljiv na dodir povezan je s Esp 32 putem uarta.

Postavljanje Nextion zaslona:

Nextion Editor je razvojni softver koji se koristi za vizualnu izgradnju grafičkog sučelja za ugrađene GUI-intenzivne uređaje s različitim vrstama TFT zaslona i dodirnih ploča. Pomoću ovog alata korisnici mogu početi stvarati uređaje temeljene na TFT -u na brži i lakši način.

Nextion Editor možete preuzeti s ove veze

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

Nakon preuzimanja instalirajte nextion editor.

1. korak: Nextion Editor

Otvorite donji uređivač za slijedeće prikazuje prozor za susjedstvo, ima podprozore. Okvir za alat u ovom prozoru bit će postavljen niz značajki poput prikaza teksta, gumba za dodavanje ili stvaranja biranja itd. Te objekte možemo povući i ispustiti u glavni prozor. Donji lijevi kut je prozor sa slikom i fontom u koji korisnik može dodati slike pomoću simbola "+" i može izbrisati slike pomoću simbola "-". U gornjem desnom kutu nalazi se prozor stranice u kojem korisnik može dodavati ili brisati stranice. U donjem desnom kutu nalazi se prozor atributa, ovdje korisnik može mijenjati parametre objekata. Donja dva prozora su jedan Izlazni prozor i Prozor događaja. U prozoru Izlaz prikazat će pogrešku prevoditelja. Korisnik će odabrati objekte i napisati kôd u prozoru događaja kako bi se stvari dogodile.

Moramo stvoriti novu datoteku, nakon što spremimo novu datoteku, pojavit će se prozor image2, od njega će se tražiti da odabere model, model nije ništa drugo nego model slijedećeg zaslona koji ćete dobiti na stražnjoj strani nextion -a nakon toga kliknite OK da biste nastaviti.

Nakon stvaranja nove datoteke stranica se stvara kako je prikazano na slici image3, korisnik može stvoriti veliki broj stranica ovisno o njegovoj aplikaciji. Ali u trenutnoj aplikaciji ograničavamo se na samo jednu stranicu.

Korak 2: Dodavanje slika i fontova

Na slici 4 možete vidjeti kako stvoriti font. Idite na alate i kliknite na Generator fontova. Pojavit će se prozor za kreiranje fonta, u kojem odaberite visinu i vrstu fonta, dajte naziv fonta i kliknite na font generatora. Nakon generiranja fonta, nextion će pitati treba li dodati font ili ne.

Na slici 5 možete vidjeti kako dodati font, istaknut na snimci. Pomoću simbola + i - korisnik može dodati ili izbrisati font.

Na slici 6 možete vidjeti kako dodati slike ili ih izbrisati odabirom "+" ili "-".

Korak 3: Kreiranje gumba

Image7 prikazuje kako dodati objekte u glavni prozor iz alata. Na primjer, kliknite gumb objekta s dvostrukim stanjem, on će se pojaviti u glavnom prozoru kao što je prikazano na slici 7 objekt gumba s dvostrukim stanjem bt0. Korisnik može pomicati gumb u smjeru x i y. Pokazat ćemo kako stvoriti prekidač s dvostrukim stanjem.

Na slici 8 možemo vidjeti da je slika gumba promijenjena prema korisniku. Moramo kliknuti gumb bt0, u prozoru atributa pojavit će se parametri gumba. U tom slučaju korisnik mora promijeniti parametar sta u sliku, a na kartici pic0 i pic1 korisnik mora dodijeliti slike koje želi primijeniti.

Na slici 9 prikazan je konačni raspored svih gumba uključujući imenovanje. Ovdje smo dodali bt0, bt1, bt2 i bt3 za button0, button1, button2 i button3.

Korak 4: Kod događaja za prekidač

Slika 10 prikazuje predinicijalizaciju brzine prijenosa = 115200 u prozoru događaja, njegov dio koda. Korisnik može inicijalizirati u ovom dijelu koji se odnosi na prikaz.

Na slici 11 prikazan je kodni dio gumba bt0, ovdje ispisujemo serijski dio ovisno o stanju varijable gumba, tj. Za bt0 varijabla je 0, onda šaljemo serijski “R10”, a za bt0 varijabla je 1, onda šaljemo “R11” na posebno. Nakon što Esp primi R10, isključuje se prvi relej, a kada prima R11, uključuje se prvi relej. Slično moramo kodirati sve tipke, na primjer bt1, bt2 i bt3.

Korak 5: Debug GUI

Nakon što je sve kodirano, moramo kompajlirati, ako nema greške, možemo otkloniti pogreške stvorenog grafičkog sučelja koje radi prema našim zahtjevima prije učitavanja na susjedni zaslon. Na slici 12 prikazan je prozor programa za otklanjanje pogrešaka, ovdje korisnik može preusmjeriti simulator s padajućeg gumba i provjeriti radi li po korisniku.

Nakon što uređaj radi prema korisniku, sljedeći korak je učitavanje koda na sljedeći zaslon.

Slika 13 prikazuje učitavanje prozora na susjedni uređaj, ovdje trebate odabrati com port i brzinu prijenosa. Nakon toga morate kliknuti gumb Idi za prijenos u kôd, može proći neko vrijeme za prijenos.

Korak 6: Rad uređaja

Na slici 14 prikazan je dijagram povezivanja četiri relejne ploče ESP 32 wifi s susjednim zaslonom. S ploče ESP 32 J1 i J2 spojite 5v i uzemljenje (G) na susjedni zaslon kao što je prikazano u nastavku. Spojite Tx susjedstva s Rx0 ESP32 ploče i Rx veze s Tx0 ploče ESP32. Time će se uspostaviti Uart komunikacija.

Radi: Nakon što se sve spoji na napajanje, uređaj konfigurira uređaj s ssid -om i lozinkom, a mqtt broker s imenom teme objavljivanja i indeksa. Nakon podnošenja vjerodajnica uređaj će se ponovno pokrenuti i povezati s mqtt. Već je uređaj konfiguriran za openhab (za openhab provjerite naš Openhab instrukcije) kao što je prikazano na slici 15.

Uređajem se može upravljati putem http, mqtt, kao i putem GUI zaslona osjetljivog na dodir. Možemo dobiti trenutni status svih relejnih kanala bez obzira jesu li kanali uključeni ili isključeni i na mqtt i na zaslonu osjetljivom na dodir.

7. korak: pomoć za Nextion

Slika 17 prikazuje prozor za skup narednih naredbi, gdje korisnik može dobiti pomoć.