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

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:08

U ovom uputstvu ćemo spojiti 5 -inčni susjedni ekran na četiri relejne ploče Esp 32. Upravljačkom pločom upravlja MQTT protokol. Ploča također ima dvosmjerne mogućnosti upravljanja. Može se upravljati i mqtt -om i ekranom osetljivim na dodir. Ekran osetljiv na dodir povezan je sa Esp 32 preko uart -a.

Podešavanje Nextion ekrana:

Nextion Editor je razvojni softver koji se koristi za vizuelnu izgradnju grafičkog interfejsa za ugrađene GUI-intenzivne uređaje sa različitim vrstama TFT ekrana i dodirnih panela. Pomoću ovog alata korisnici mogu početi stvarati uređaje zasnovane na TFT -u na brži i lakši način.

Nextion Editor možete preuzeti sa ove veze

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

Nakon preuzimanja instalirajte nextion editor.

Korak 1: 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 funkcija poput prikaza teksta, gumba za dodavanje ili za stvaranje 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 prozor za izlaz i prozor za događaje. U prozoru za izlaz će prikazati grešku kompajlera. 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 do model slijedećeg ekrana koji ćete dobiti na stražnjoj strani sljedećeg, nakon toga kliknite u redu da biste nastavi.

Nakon stvaranja nove datoteke stranica se kreira 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, ovdje 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 izbrisati slike odabirom “+” ili “-”.

Korak 3: Kreiranje dugmeta

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 s gumbom s dva stanja 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 dugmeta promijenjena prema korisniku. Moramo kliknuti na dugme bt0, u prozoru sa atributima 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 dugmadi uključujući imenovanje. Ovdje smo dodali bt0, bt1, bt2 i bt3 za button0, button1, button2 i button3.

Korak 4: Kod događaja za dugme za prebacivanje

Slika 10 prikazuje predinicijalizaciju brzine prijenosa = 115200 u prozoru događaja, njen dio koda. Korisnik može pokrenuti 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 dugmeta, tj. Za bt0 varijabla je 0, onda šaljemo serijski „R10“, a za bt0 varijabla je 1 onda šaljemo „R11“do esp. Kada Esp primi R10, isključuje se prvi relej, a kada primi 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 greške u kreiranju GUI -a koji radi prema našim zahtjevima prije postavljanja na susjedni ekran. Slika 12 prikazuje prozor programa za otklanjanje grešaka, ovdje korisnik može aktuelno pokrenuti simulator sa padajućeg dugmeta i provjeriti radi li po korisniku.

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

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

Korak 6: Rad uređaja

Na slici 14 prikazan je dijagram povezivanja četiri relejne ploče ESP 32 wifi sa 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 na Rx0 ESP32 ploče i Rx veze sa Tx0 ploče ESP32. Ovo će uspostaviti Uart komunikaciju.

Radi: Nakon što se sve spoji na napajanje, uređaj konfigurira uređaj sa ssid -om i lozinkom, a mqtt broker s imenom teme za objavljivanje i indeks. 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 preko GUI ekrana 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 ekranu osjetljivom na dodir.

Korak 7: Nextion pomoć

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