Vmesnik zaslona Nextion z ESP 32 ploščo s štirimi releji: 7 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:07

V teh navodilih bomo povezovali 5 -palčni nextion zaslon s štiri relejno ploščo Esp 32. Ploščo nadzira protokol MQTT. Board ima tudi dvosmerne funkcije nadzora. Upravljate ga lahko tako z mqtt kot z zaslonom na dotik. Zaslon na dotik je povezan z Esp 32 prek uart.

Nastavitev zaslona Nextion:

Nextion Editor je razvojna programska oprema, ki se uporablja za vizualno gradnjo grafičnega vmesnika za vgrajene GUI-intenzivne naprave z različnimi vrstami zaslonov TFT in ploščami na dotik. S tem orodjem lahko uporabniki hitreje in lažje začnejo ustvarjati naprave, ki temeljijo na TFT.

Nextion Editor lahko prenesete s te povezave

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

Po prenosu namestite urejevalnik nextion.

1. korak: Urejevalnik Nextion

Odprite spodnji urejevalnik nextion in prikaže okno nextion, ki ima podokna. Orodje v tem oknu bo nabor funkcij, kot so prikaz besedila, gumb za dodajanje ali ustvarjanje klicanja itd. Te predmete lahko povlečemo in spustimo v glavno okno. Spodnji levi kot je okno s sliko in pisavo, kamor lahko uporabnik doda slike s simbolom "+" in jih lahko izbriše s simbolom "-". V zgornjem desnem kotu je okno strani, kjer lahko uporabnik dodaja ali briše strani. V spodnjem desnem kotu je okno atributov, tukaj lahko uporabnik spremeni parametre objektov. Spodaj sta dve okni, eno je okno Izhod in okno Dogodek. prikaže napako prevajalnika. Uporabnik bo izbral predmete in zapisal kodo v okno dogodka, da se stvari zgodijo.

Ustvariti moramo novo datoteko, ko novo datoteko shranimo, se prikaže okno image2, ki bo zahtevalo izbiro modela, model ni nič drugega kot model prikaza nextion, ki ga boste dobili na hrbtni strani nextion -a, potem kliknite OK, da nadaljujte.

Ko ustvarite novo datoteko, se stran ustvari, kot je prikazano na sliki image3, lahko uporabnik ustvari veliko število strani, odvisno od njegove aplikacije. Toda v trenutni aplikaciji smo omejeni le na eno stran.

2. korak: Dodajanje slik in pisave

V sliki 4 si lahko ogledate, kako ustvariti pisavo. Pojdite na orodja in kliknite na Generator pisav, da se prikaže okno za ustvarjanje pisav, pri tem izberite višino in vrsto pisave, vnesite ime pisave in kliknite na pisavo generatorja. Po ustvarjanju pisave bo nextion vprašal, ali naj doda pisavo oz. ne.

Na sliki 5 si lahko ogledate, kako dodate pisavo, ki je poudarjena na posnetku. S simbolom + in - lahko uporabnik doda ali izbriše pisavo.

Na sliki 6 si lahko ogledate, kako dodate slike ali jih izbrišete, tako da izberete »+« oziroma »-«.

3. korak: Ustvarjanje gumba

Image7 prikazuje, kako predmete dodati v glavno okno iz orodjarne. Na primer, kliknite na gumb z dvojnim stanjem objekta, ki se bo pojavil v glavnem oknu, kot je prikazano v predmetu gumba z dvojnim stanjem image7 bt0. Uporabnik lahko premakne gumb v smeri x in y. Pokazali bomo, kako ustvariti stikalni gumb z dvojnim stanjem.

Na sliki 8 lahko vidimo, da je bila slika gumba spremenjena glede na uporabnika. Klikniti moramo na gumb bt0, v oknu atributov se bodo prikazali parametri gumba. V tem primeru mora uporabnik spremeniti parameter sta v sliko, na zavihkih pic0 in pic1 pa mora dodeliti slike, ki jih želi uporabiti.

Na sliki 9 je prikazana končna razporeditev vseh gumbov, vključno z poimenovanjem. Tu smo dodali bt0, bt1, bt2 in bt3 za button0, button1, button2 in button3.

4. korak: Koda dogodka za stikalo

Slika 10 prikazuje predinicializacijo hitrosti prenosa = 115200 v oknu dogodka, njegovem delu kode. Uporabnik lahko v tem delu inicializira, kar se nanaša na prikaz.

Na sliki 11 je prikazan kodni del gumba bt0, tukaj tiskamo serijsko, odvisno od spremenljivk stanja gumba, tj. Za bt0 je spremenljivka 0, potem pošljemo serijsko “R10”, za bt0 pa 1, potem pošiljamo “R11” do esp. Ko Esp prejme R10, izklopi prvi rele in ko prejme R11, se vklopi prvi rele. Podobno moramo kodirati vse gumbe, na primer bt1, bt2 in bt3.

5. korak: Odpravite napake v grafičnem vmesniku

Ko je vse kodirano, moramo sestaviti. Če ni napak, lahko odpravimo napake ustvarjenega grafičnega vmesnika, ki deluje v skladu z našimi zahtevami, preden ga naložimo na nextion zaslon. Na sliki 12 je prikazano okno razhroščevalnika, tukaj lahko uporabnik prikaže trenutni simulator s spustnega gumba in preveri, ali deluje glede na uporabnika.

Ko naprava deluje po uporabnikih, je naslednji korak nalaganje kode na bližnji zaslon.

Na sliki 13 je prikazano nalaganje okna na nextion napravo, tukaj morate izbrati vrata com in hitrost prenosa. Po tem morate za prenos v kodo klikniti gumb Pojdi, lahko nalaganje traja nekaj časa.

6. korak: Delovanje naprave

Na sliki 14 je prikazan diagram povezave štiri relejne plošče ESP 32 wifi s prikazovalnikom nextion. Od plošče ESP 32 J1 in J2 priključite 5v in ozemljitev (G) na prikazovalnik nextion, kot je prikazano spodaj. Tx povezave priključite na Rx0 ESP32 ploščo in Rx povezave do Tx0 plošče ESP32. To bo vzpostavilo komunikacijo Uart.

Deluje: Ko je vse priključeno, naprava konfigurira napravo s ssidom in geslom ter posrednikom mqtt z imenom teme objave in podpisa. Po predložitvi poverilnic se bo naprava znova zagnala in vzpostavila povezavo z mqtt. navodila za openhab), kot je prikazano na sliki 15.

Napravo lahko upravljate s http, mqtt in prek zaslona na dotik z grafičnim vmesnikom. Lahko dobimo trenutno stanje vseh relejskih kanalov, ne glede na to, ali so kanali vklopljeni ali izklopljeni na zaslonu mqtt in na zaslonu na dotik.

7. korak: pomoč za Nextion

Slika 17 prikazuje okno za nabor navodil nextion, kjer lahko uporabnik poišče pomoč.