Nextion kijelző interfész ESP 32 -vel Négy relé kártya: 7 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:42

Ebben az utasításban összekapcsoljuk az 5”-os nextion kijelzőt az Esp 32 négy relé kártyával. A táblát az MQTT protokoll vezérli. A Board kétirányú vezérlési funkciókkal is rendelkezik. Mind az mqtt, mind az érintőképernyő segítségével vezérelhető. Az érintőképernyő uart -on keresztül csatlakozik az Esp 32 -hez.

Nextion kijelző beállítása:

A Nextion Editor egy fejlesztő szoftver, amelyet grafikus felület vizuális felépítésére használnak beágyazott grafikus felhasználói felületű eszközökhöz, különféle típusú TFT kijelzőkkel és érintőpanelekkel. Ezzel az eszközzel a felhasználók gyorsabban és könnyebben kezdhetnek TFT -alapú eszközök létrehozásához.

A Nextion Editor letölthető erről a linkről

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

A letöltés után telepítse a nextion szerkesztőt.

1. lépés: Nextion Editor

Nyissa meg az alábbi nextion szerkesztőt, és megjelenik a nextion ablak, annak alablakai vannak. Az Eszköztár ebben az ablakban olyan funkciók sorát tartalmazza, mint a szöveg megjelenítése, a hozzáadás gomb vagy a tárcsázás létrehozása stb. A bal alsó sarokban található a kép és a betűtípus ablak, ahol a felhasználó hozzáadhatja a képeket a „+” szimbólum használatával, és törölheti a képeket a „-” szimbólum használatával. A jobb felső sarokban van egy oldalablak, ahol a felhasználó hozzáadhat vagy törölhet oldalakat. A jobb alsó sarokban található az attribútumablak, itt a felhasználó módosíthatja az objektumok paramétereit. Alul két ablak található, az egyik a Kimeneti ablak és az Eseményablak. A Kimeneti ablakban megjeleníti a fordító hibáját. A felhasználó kiválasztja az objektumokat, és beírja a kódot az eseményablakba, hogy a dolgok megtörténjenek.

Létre kell hoznunk az új fájlt, miután elmentettük az új fájlt, megjelenik az image2 ablak, amely felkéri a modell kiválasztására, a modell nem más, mint a nextion display modell, amelyet a nextion hátoldalán kap, majd kattintson az OK gombra folytassa.

Az új fájl létrehozása után az oldal a 3. képen látható módon jön létre, a felhasználó számos oldalt hozhat létre az alkalmazásától függően. De a jelenlegi alkalmazásban csak egy oldalra korlátozódunk.

2. lépés: Képek és betűtípus hozzáadása

Az image4 -ben láthatja, hogyan hozhat létre betűtípust. Lépjen az eszközökhöz, és kattintson a Betűtípus -generátorra a betűtípus -készítő ablakban, válassza ki a magasságot és a betűtípust, adja meg a betűtípus nevét, majd kattintson a generátor betűtípusára. A betűtípus létrehozása után a nextion megkérdezi, hogy hozzáadja -e a betűtípust, vagy nem.

Az 5. képen láthatja, hogyan kell hozzáadni a betűtípust, a pillanatképben kiemelve. A + és - szimbólum használatával a felhasználó betűtípust adhat hozzá vagy törölhet.

A 6. képen láthatja, hogyan kell képeket hozzáadni vagy törölni, ha a „+” vagy a „-” lehetőséget választja.

3. lépés: Gomb létrehozása

Az Image7 bemutatja, hogyan lehet hozzáadni az objektumokat a főablakhoz az eszköztárból. Például kattintson az objektum kettős állapot gombjára, ez megjelenik a főablakban, ahogy az image7 kettős állapotú gombbal bt0 látható. A felhasználó mozgathatja a gombot x és y irányban. Megmutatjuk, hogyan lehet kettős állapotú kapcsológombot létrehozni.

A 8. képen láthatjuk, hogy a gomb képe a felhasználó szerint megváltozott. A bt0 gombra kell kattintanunk, az attribútum ablakban megjelenik a gomb paraméterei. Ebben a felhasználónak a sta paramétert képre kell cserélnie, a pic0 és pic1 lapon pedig hozzá kell rendelnie az alkalmazandó képeket.

A 9. képen az összes gomb végleges elrendezése látható, beleértve az elnevezést is. Itt hozzáadtuk a bt0, bt1, bt2 és bt3 gombokat 0, 1, 2 és 3 gombokat.

4. lépés: Eseménykód a kapcsológombhoz

Az 10. kép az 11500 baud sebesség előzetes inicializálását mutatja az eseményablakban, annak kódrészében. A felhasználó inicializálhatja a megjelenítésre vonatkozó részt.

A 11. képen a bt0 gomb kódrésze látható, itt sorozatot nyomtatunk a gomb változó állapotától függően, azaz a bt0 változó 0, akkor soros „R10”, a bt0 változó pedig 1, akkor „R11” az esp. Miután az Esp fogadja az R10 -et, kikapcsolja az 1. relét, és amikor megkapja az R11 -et, az első relé bekapcsol. Hasonlóképpen kódolni kell az összes gombot, például bt1, bt2 és bt3.

5. lépés: A GUI hibakeresése

Miután mindent kódoltunk, le kell fordítanunk, ha nincs hiba, hibakereshetünk, ha a létrehozott grafikus felhasználói felület a követelményeknek megfelelően működik, mielőtt feltöltenénk a nextion kijelzőre. Az Image12 a hibakereső ablakát mutatja, itt a felhasználó a legördülő menüből megtekintheti a szimulátort, és ellenőrizheti, hogy a felhasználó szerint működik -e.

Miután az eszköz a felhasználók szerint működik, a következő lépés a kód feltöltése a nextion kijelzőre.

Az 13. kép mutatja az ablak feltöltését a nextion eszközre, itt ki kell választania a com portot és az átviteli sebességet. Ezt követően a go gombra kell kattintani a kódba való feltöltéshez, a feltöltés eltarthat egy ideig.

6. lépés: Az eszköz működése

A 14. kép az ESP 32 wifi négy relé kártya csatlakozási diagramját mutatja a nextion kijelzővel. Az ESP 32 J1 és J2 kártyáról csatlakoztassa az 5v -ot és a földet (G) a nextion kijelzőhöz, ahogy az alábbi ábra mutatja. tábla és az ESP32 kártya Tx0 -hez való kapcsolódás Rx. Ez létrehozza az Uart kommunikációt.

Működés: Miután minden csatlakoztatva van, kapcsolja be az eszközt az ssid és a jelszó segítségével, valamint az mqtt brokert a közzétételi és az aláírási témakör nevével. A hitelesítő adatok elküldése után az eszköz újraindul, és csatlakozik az mqtt -hez. Az eszköz már az openhab -ra van konfigurálva (az openhab esetében ellenőrizze a openhab utasítások) a 15. képen látható módon.

A készülék a http, mqtt és a GUI érintőképernyőn keresztül is vezérelhető. Az összes közvetítőcsatorna aktuális állapotát megkaphatjuk, függetlenül attól, hogy a csatornák be vannak -e kapcsolva vagy az mqtt és az érintőképernyős kijelzőn.

7. lépés: Nextion súgó

Az 17. kép a nextion utasításkészlet ablakát mutatja, ahol a felhasználó segítséget kaphat.