Nextion -skermkoppelvlak met ESP 32 vier aflosbord: 7 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:27

In hierdie instruksies gaan ons die 5 nextion display koppel aan Esp 32 four relay board. Die bord word beheer deur die MQTT protokol. Die bestuur het ook tweerigtingbeheerfunksies. Dit kan beheer word deur beide mqtt en aanraakskerm. Die aanraakskerm is via uart aan Esp 32 gekoppel.

Opstelling van Nextion -skerm:

Nextion Editor is 'n ontwikkelingsagteware wat gebruik word vir die visuele opbou van grafiese koppelvlak vir ingebedde GUI-intensiewe toestelle met verskillende soorte TFT-skerms en aanraakpanele. Deur hierdie hulpmiddel te gebruik, kan gebruikers vinniger en makliker begin met die skep van TFT -gebaseerde toestelle.

Nextion Editor kan vanaf hierdie skakel afgelaai word

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

Na aflaai, installeer die nextion -redakteur.

Stap 1: Nextion Editor

Maak die volgende redakteur hieronder oop, toon die venster van die volgende, dit het subvensters. Daar is 'n stel funksies soos om teks te wys, 'n knoppie by te voeg of 'n skakelaar te maak, ons kan hierdie voorwerpe na die hoofvenster sleep en laat val. Links onder is die prentjie- en lettervenster waar die gebruiker die beelde kan byvoeg met '+'-simbool en beelde kan verwyder met '-'-simbool. In die regter boonste hoek is daar 'n bladsyvenster waar die gebruiker bladsye kan byvoeg of verwyder. Regterste hoek is die kenmerkvenster, hier kan die gebruiker die parameters van die voorwerpe verander. Onder is daar twee vensters, een is die uitvoervenster en die gebeurtenisvenster. sal die samestellerfout vertoon. Die gebruiker kies die voorwerpe en skryf die kode in die gebeurtenisvenster om dinge te laat gebeur.

Ons moet die nuwe lêer skep; sodra ons die nuwe lêer gestoor het, verskyn die image2 -venster, om die model te kies; die model is niks anders as die volgende weergawe -model nie, u kry dit agterop voortgaan.

Na die skep van 'n nuwe lêer, word die bladsy geskep soos in beeld image3 getoon, en die gebruiker kan baie bladsye skep, afhangend van sy toepassing, maar in die huidige toepassing beperk ons tot slegs een bladsy.

Stap 2: Voeg beelde en lettertipes by

In image4 kan u sien hoe u 'n lettertipe kan skep. Gaan na gereedskap en klik op die Font Generator, die lettervenster sal verskyn, kies die hoogte en lettertipe, gee die lettertipe naam en klik op die generator lettertipe. nie.

In image5 kan u sien hoe u die lettertipe kan byvoeg, wat op die momentopname gemerk word. Deur die + en - simbool te gebruik, kan die gebruiker lettertipe byvoeg of verwyder.

In beeld 6 kan u sien hoe u beelde kan byvoeg of die beelde kan verwyder deur onderskeidelik "+" of "-" te kies.

Stap 3: Skep knoppie

Image7 wys hoe u die voorwerpe uit die gereedskapskas by die hoofvenster kan voeg. Klik byvoorbeeld op die knoppie met die dubbele toestand van die voorwerp, dit sal in die hoofvenster verskyn, soos getoon in die voorwerp -knoppie voorwerp bt0 van image7. Gebruiker kan die knoppie in x- en y -rigting beweeg. Ons sal wys hoe u 'n skakelknoppie met 'n dubbele toestand kan skep.

In image8 kan ons sien dat die knoppiebeeld volgens gebruiker verander is. Ons moet op die knoppie bt0 klik, in die kenmerkvenster verskyn die knoppie parameters. In die gebruiker moet die sta -parameter verander na beeld en op die blad pic0 en pic1 moet die gebruiker die beelde toewys wat hy wil toepas.

In beeld 9 toon die finale rangskikking van al die knoppies, insluitend naamgewing. Hier het ons bt0, bt1, bt2 en bt3 bygevoeg vir knop 0, knoppie 1, knoppie 2 en knoppie3 onderskeidelik.

Stap 4: Gebeurteniskode vir skakelaar

Image10 toon die vooraf initialisering van baud rate = 115200 in die gebeurtenisvenster, die deel van die kode.

In beeld 11 toon die kode gedeelte van knoppie bt0, hier druk ons die reeks, afhangende van die veranderlike toestand van die knoppie, dit wil sê, vir die bt0 veranderlike is 0 dan stuur ons die reeks "R10" en vir die bt0 veranderlike is 1 dan stuur ons "R11" aan die esp. Sodra Esp R10 ontvang, skakel die eerste aflos af en wanneer dit R11 ontvang, skakel die eerste aflos aan. Net so moet ons al die knoppies kodeer, byvoorbeeld bt1, bt2 en bt3.

Stap 5: Ontfout GUI

Sodra alles gekodeer is, moet ons dit saamstel, as daar geen fout is nie, kan ons die geskepte GUI ontfout volgens ons vereistes voordat dit na die volgende skerm vertoon word. Image12 toon die venster van ontfouter, hier kan die gebruiker die simulator van die afrolknoppie af kyk en kyk of dit volgens die gebruiker werk.

Sodra die toestel volgens gebruiker werk, is die volgende stap om die kode na die volgende skerm te laai.

Image13 toon die venster-oplaai na die volgende toestel, hier moet u die com-poort en die baud-koers kies. Daarna moet u op die go-knoppie klik om na die kode op te laai.

Stap 6: Werk van die toestel

Image14 toon die verbindingsdiagram van ESP 32 wifi vier relay board met die nextion display. Van ESP 32 board J1 en J2 verbind 5v en Ground (G) met die nextion display soos hieronder getoon. Koppel Tx van nextion aan die Rx0 van die ESP32 bord en Rx van volgende aan die Tx0 van die ESP32 -bord. Dit sal Uart -kommunikasie tot stand bring.

Werk: sodra alles gekoppel is, stel die toestel die toestel op met ssid en wagwoord en mqtt -makelaar met publiseer- en subskripsienaam. openhab instruksies) soos getoon in prent 15.

Die toestel kan ook beheer word deur http, mqtt via die GUI -aanraakskerm. Ons kan die huidige status van al die afloskanale kry, of kanale aan of af is op beide mqtt en aanraakskerm.

Stap 7: Help van Nextion

Beeld 17 toon die venster vir die volgende instruksieset, waar die gebruiker hulp kan kry.