Nextion Display Interface with ESP 32 Four Relay Board: 7 Steps

2024 Автор: John Day | [email protected]. Акыркы өзгөртүү: 2024-01-30 10:42

Бул көрсөтмөлөрдө биз 5 дюймдук дисплейди Esp 32 төрт релелик тактасына өткөрөбүз. Такта MQTT протоколу менен көзөмөлдөнөт. Board ошондой эле эки тараптуу башкаруу өзгөчөлүктөрү бар. Бул mqtt жана сенсордук экрандын көзөмөлүндө болот. Touch экран uart аркылуу Esp 32ге туташкан.

Nextion Display орнотуусу:

Nextion Editor-бул TFT дисплейлеринин жана сенсордук панелдеринин ар кандай түрлөрү бар камтылган GUI интенсивдүү түзмөктөр үчүн графикалык интерфейсти визуалдык куруу үчүн колдонулган өнүктүрүү программасы. Бул куралды колдонуп, колдонуучулар TFTге негизделген түзмөктөрдү тезирээк жана оңой түзө башташат.

Nextion редакторун бул шилтемеден жүктөп алсаңыз болот

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

Жүктөп алгандан кийин nextion редакторун орнотуңуз.

1 -кадам: Nextion редактору

Төмөндөгү nextion редакторун ачуу nextion терезесин көрсөтөт, анын кошумча терезелери бар. Toolbox бул терезеде текстти көрсөтүү, баскычты кошуу же терүү ж.б түзүү сыяктуу функциялардын жыйындысы болот. Сол жактын төмөнкү бурчу-бул сүрөт жана шрифт терезеси, анда колдонуучу сүрөттөрдү "+" белгиси менен кошо алат жана сүрөттөрдү "-" белгиси менен өчүрө алат. Үстүнкү оң бурчунда колдонуучу барактарды кошо же өчүрө турган баракча терезеси бар. Төмөнкү оң бурчунда атрибут терезеси бар, бул жерде колдонуучу объекттердин параметрлерин өзгөртө алат. Төмөндө эки терезе бар - Чыгуу терезеси жана Окуя терезеси. компилятордун катасын көрсөтөт. Колдонуучу нерселерди жасоо үчүн объекттерди тандап, окуя терезесине кодду жазат.

Биз жаңы файлды түзүшүбүз керек, биз жаңы файлды сактагандан кийин image2 терезеси пайда болот, ал моделди тандап алууну суранат, модель - бул кийинки көрүнүштүн моделинен башка эч нерсе эмес, сиз аны кийинки пункттун арткы бетине аласыз, андан кийин OK басуу үчүн улантуу.

Жаңы файлды түзгөндөн кийин, баракча image3 сүрөттө көрсөтүлгөндөй түзүлөт, колдонуучу көптөгөн колдонмолорго жараша түзө алат, бирок азыркы колдонмодо биз бир гана барак менен чектелебиз.

2 -кадам: Сүрөттөрдү жана шрифтти кошуу

Image4төн сиз шрифтти кантип түзүүнү көрө аласыз. Куралдарга өтүңүз жана Шрифт Генераторун чыкылдатыңыз, шрифт жаратуучу терезеси пайда болот, мында бийиктигин жана шрифтин түрүн тандап, шрифттин атын бериңиз жана генератордун шрифтин чыкылдатыңыз. жок

Сүрөт5те сиз шрифтти кантип кошууну көрөсүз, ал анын сүрөтүндө баса белгиленген. Колдонуучу + жана - символун кошуп же жок кыла алат.

Image6да сиз "+" же "-" тандоо менен сүрөттөрдү кантип кошууну же жок кылууну көрө аласыз.

3 -кадам: Баскычты түзүү

Image7 куралдар кутусунан объекттерди негизги терезеге кантип кошууну көрсөтөт. Мисалы, объекттин кош абал баскычын чыкылдатыңыз, ал башкы терезеде image7 кош абал баскычы объект bt0до көрсөтүлгөндөй пайда болот. Колдонуучу баскычты x жана y багытында жылдыра алат. Биз кош абалдагы которуштуруу баскычын кантип түзүүнү көрсөтөбүз.

Image8де биз баскычтын сүрөтү колдонуучуга ылайык өзгөртүлгөнүн көрө алабыз. Биз bt0 баскычын басуубуз керек, атрибут терезесинде баскычтын параметрлери пайда болот. Бул колдонуучу sta параметрин сүрөткө өзгөртүшү керек жана pic0 жана pic1 өтмөгүндө колдонуучу колдонууну каалаган сүрөттөрдү дайындоосу керек.

Сүрөт 9да бардык баскычтардын аталышын камтыган акыркы түзүлүш көрсөтүлгөн. Бул жерде биз тиешелүүлүгүнө жараша bt0, bt1, bt2 жана bt3, button0, button1, button2 жана button3 үчүн bt3 коштук.

4 -кадам: которуу баскычынын окуя коду

Image10 окуя терезесинде baud rate = 115200 алдын ала башталгандыгын көрсөтөт, анын бир бөлүгү коду.

Image11де bt0 баскычынын код бөлүгү көрсөтүлгөн, бул жерде биз баскычтын өзгөрмөлүү абалына жараша сериялык басып чыгарабыз, б.т0 өзгөрмөсү 0 болсо, биз сериялык “R10” жөнөтөбүз жана bt0 өзгөрмөсү 1 болсо, анда “R11” жөнөтөбүз эсске. Esp R10 алгандан кийин 1 -релесин өчүрөт жана R11ди алганда 1 -реле күйөт. Ошо сыяктуу эле, биз бардык баскычты коддошубуз керек, мисалы bt1, bt2 жана bt3.

5 -кадам: GUIди оңдоо

Баары коддолгондон кийин, биз компиляция кылышыбыз керек, эгер ката болбосо, биз түзгөн GUIди кийинки талаптарга ылайык жүктөө алдында биздин талаптар боюнча иштеп жатат. Image12 мүчүлүштүктөрдү оңдоочу терезени көрсөтөт, бул жерде колдонуучу учурдагы тренажерду ылдый түшүүчү баскычтан тартып, анын колдонуучуга ылайык иштээрин текшере алат.

Түзмөк колдонуучуга ылайык иштей баштагандан кийин, кийинки кадам - кодду кийинки дисплейге жүктөө.

Image13 кийинки түзмөккө терезени жүктөөнү көрсөтөт, бул жерде сиз ком-портту жана bod-rate-ды тандап алышыңыз керек. Андан кийин кодду жүктөө үчүн go баскычын басуу керек, жүктөө үчүн бир аз убакыт талап кылынышы мүмкүн.

6 -кадам: Аппараттын иштеши

Image14 кийинки диапазону менен ESP 32 wifi төрт релелик тактасынын байланыш диаграммасын көрсөтөт. ESP 32 тактасынан J1 жана J2 5v жана Жерди (G) төмөндөгүдөй кийинки дисплейге туташтырат. ESP32 тактасынын Tx0го кийинки тактасы жана Rx. Бул Уарт байланышын орнотот.

Иштөө: Баары бийликке туташкандан кийин, түзмөк ssid жана сырсөз менен mqtt брокери менен конфигурациялайт жана жарыяланган теманын аталышына ээ болот. Ишеним грамоталарын тапшыргандан кийин түзмөк кайра жүктөлөт жана mqtt менен туташат. openhab instructables) сүрөттө көрсөтүлгөндөй15.

Түзмөк http, mqtt, ошондой эле GUI сенсордук экраны аркылуу көзөмөлгө алынышы мүмкүн. Каналдар mqtt жана сенсордук экрандын экрандарында да же өчүрүлгөнбү, биз бардык реле каналдарынын учурдагы абалын ала алабыз.

7 -кадам: Nextion Жардам

Image17 колдонуучу жардам ала турган кийинки көрсөтмө топтомунун терезесин көрсөтөт.