Nextion дэлгэцийн интерфэйс нь ESP 32 дөрвөн реле самбар: 7 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:04

Энэхүү зааварчилгаанд бид 5 инчийн дэлгэцийг Esp 32 дөрвөн буухиа самбартай холбож өгөх бөгөөд самбарыг MQTT протоколоор удирддаг. Удирдах зөвлөл нь мөн хоёр талын хяналтын онцлогтой. Үүнийг mqtt болон мэдрэгчтэй дэлгэцээр удирдах боломжтой бөгөөд мэдрэгчтэй дэлгэц нь Esp 32 -т uart -ээр холбогдсон байна.

Nextion дэлгэцийн тохиргоо:

Nextion Editor бол төрөл бүрийн TFT дэлгэц, мэдрэгчтэй самбар бүхий GUI эрчимтэй төхөөрөмжүүдийн график интерфэйсийг бий болгоход зориулагдсан програм хангамж юм. Энэхүү хэрэгслийг ашигласнаар хэрэглэгчид TFT дээр суурилсан төхөөрөмжүүдийг илүү хурдан, хялбараар үүсгэж эхлэх боломжтой.

Nextion Editor -ийг энэ линкээс татаж авах боломжтой

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

Татаж авсны дараа nextion редакторыг суулгана уу.

Алхам 1: Nextion редактор

Доорх nextion редакторыг нээвэл дараагийн цонх гарч ирнэ, түүний цонхнууд нь дэд цонхтой. Энэ цонхонд хэрэгслийн хайрцгийг оруулах, текст харуулах, товчлуур нэмэх, залгах гэх мэт функцууд байх болно. Бид эдгээр объектуудыг үндсэн цонх руу чирж хаяж болно. Зүүн доод буланд хэрэглэгч зураг зурахдаа '+' тэмдгийг нэмж, '-' тэмдэг ашиглан зургийг устгах боломжтой зураг, фонтын цонх байдаг. Баруун дээд буланд хэрэглэгч хуудас нэмэх эсвэл устгах боломжтой хуудасны цонх байдаг. Баруун доод буланд атрибутын цонх байдаг, энд хэрэглэгч объектын параметрүүдийг өөрчилж болно. Доод талд нь хоёр цонх байдаг бөгөөд нэг нь Гаралтын цонх ба Үйл явдал цонх юм. хөрвүүлэгчийн алдааг харуулах болно. Хэрэглэгч объектуудыг сонгож, үйл явдлын цонхонд кодыг бичиж, үйл явдлыг биелүүлнэ.

Бид шинэ файл үүсгэх хэрэгтэй бөгөөд шинэ файлыг хадгалсны дараа image2 цонх гарч ирэх бөгөөд энэ нь загварыг сонгохыг шаардах болно, загвар бол дараагийн хувилбарын дэлгэцийн загвараас өөр зүйл биш бөгөөд та үүнийг дараагийн хувилбарын ар талд авах болно. үргэлжлүүлэх.

Шинэ файл үүсгэсний дараа хуудсыг image3 зурагт үзүүлсэн шиг үүсгэсэн бол хэрэглэгч өөрийн програмаас хамаарч олон тооны хуудас үүсгэж болно.

Алхам 2: Зураг болон фонт нэмэх

4 -р зураг дээр та фонт хэрхэн бүтээхийг харж болно. Хэрэгсэл рүү очоод Font Generator дээр дарж фонт бүтээгчийн цонх гарч ирэх бөгөөд ингэснээр өндөр ба фонтын төрлийг сонгоод үсгийн нэрийг өгч генераторын фонтыг дарна уу. үгүй

5 -р зураг дээр та фонтыг хэрхэн яаж оруулахыг харж болно. + Ба - тэмдгийг ашигласнаар хэрэглэгч фонт нэмэх эсвэл устгах боломжтой.

Зураг6-д "+" эсвэл "-" гэсэн сонголтыг сонгосноор хэрхэн зураг нэмэх эсвэл устгахыг харж болно.

Алхам 3: Товчлуур үүсгэх

Image7 нь багажны хайрцгаас объектуудыг үндсэн цонхонд хэрхэн оруулахыг харуулдаг. Жишээлбэл, объектын хоёр төлөв байдлын товчлуур дээр дарна уу, энэ нь image7 хос төлөвийн товчлуурын объект bt0 дээр харуулсны дагуу үндсэн цонхонд гарч ирнэ. Хэрэглэгч товчлуурыг x ба y чиглэлд хөдөлгөж болно, бид хос төлөвтэй шилжүүлэгч товчлуурыг хэрхэн яаж хийхийг харуулах болно.

Зураг 8 дээр хэрэглэгчийн дагуу товчлуурын дүрс өөрчлөгдсөнийг харж болно. Бид bt0 товчлуур дээр дарах хэрэгтэй, шинж чанарын цонхонд товчлуурын параметрүүд гарч ирнэ. Тухайн хэрэглэгчид sta параметрийг зураг болгон өөрчлөх шаардлагатай бөгөөд pic0 ба pic1 табын хэрэглэгчид хэрэглэх гэж буй зургуудаа өгөх ёстой.

Зураг 9 -д нэр өгөх гэх мэт бүх товчлуурын эцсийн зохицуулалтыг харуулав. Энд бид b0, b1, bt2, bt3 товчлууруудыг 0, товчлуур1, товчлуур2, товчлуурыг 3 тус тус нэмсэн болно.

Алхам 4: Шилжүүлэгч товчлуурын үйл явдлын код

Image10 нь кодын нэг хэсэг болох үйл явдлын цонхонд baud rate = 115200 -ийн урьдчилсан эхлэлийг харуулав. Хэрэглэгч энэ хэсэгт харуулахтай холбоотой хэсгийг эхлүүлж болно.

Зураг дээр bt0 товчлуурын кодын хэсгийг харуулав, энд бид товчлуурын хувьсах төлөв байдлаас хамааран цуваа хэвлэж байна, өөрөөр хэлбэл bt0 хувьсагчийн хувьд 0 бол бид "R10" цуваа, bt0 -ийн хувьд 1 бол "R11" илгээж байна. esp руу. Esp R10 -ийг хүлээн авмагц 1 -р реле унтрах ба R11 -ийг хүлээн авахад 1 -р реле асах болно. Үүний нэгэн адил бид bt1, bt2, bt3 гэх мэт бүх товчлуурыг кодлох хэрэгтэй.

Алхам 5: GUI дибаг хийх

Бүх зүйл кодлогдсоны дараа бид эмхэтгэх хэрэгтэй бөгөөд хэрэв алдаа гараагүй бол бид үүсгэсэн GUI -ийг дараагийн дэлгэц дээр байршуулахаас өмнө бидний шаардлагын дагуу ажиллаж байна. Image12 нь дибаг хийгчийн цонхыг харуулдаг бөгөөд эндээс хэрэглэгч симуляторыг унах товчлуураас дарж, хэрэглэгчийн дагуу ажиллаж байгаа эсэхийг шалгаж болно.

Төхөөрөмж хэрэглэгчийн дагуу ажиллаж эхэлсний дараа дараагийн алхам бол кодыг дараагийн дэлгэц рүү оруулах явдал юм.

Image13 нь nextion төхөөрөмж рүү оруулах цонхыг харуулдаг бөгөөд эндээс та com port болон baud-rate-ийг сонгох хэрэгтэй бөгөөд кодыг байршуулахын тулд go товчлуур дээр дарахад байршуулахад хэсэг хугацаа шаардагдана.

Алхам 6: Төхөөрөмжийн ажиллагаа

Image14 нь дараагийн дэлгэцтэй ESP 32 wifi дөрвөн реле хавтангийн холболтын диаграммыг харуулав. ESP 32 самбараас J1 ба J2 -ээс 5v ба Ground (G) -г доор үзүүлсэн шиг дараагийн дэлгэц рүү холбоно уу. ESP32 хавтангийн Tx0 -ийн дэргэдэх самбар ба Rx. Энэ нь Uart холболтыг бий болгоно.

Ажиллаж байна: Бүх зүйл асаалттай болсны дараа төхөөрөмж нь ssid, нууц үг, mqtt брокер ашиглан нийтлэх болон дэд сэдвээр тохируулах боломжтой болно. Итгэмжлэх жуух бичгээ ирүүлсний дараа төхөөрөмж дахин ачаалагдаж mqtt -д холбогдох болно. openhab зааварчилгаа) зураг дээр үзүүлсэн шиг15.

Төхөөрөмжийг GUI мэдрэгчтэй дэлгэцээр дамжуулан http, mqtt -ээр хянах боломжтой бөгөөд mqtt болон мэдрэгчтэй дэлгэц дээр сувгууд асаалттай эсвэл унтраалттай байгаа бүх реле сувгуудын одоогийн статусыг авах боломжтой.

Алхам 7: Nextion Help

Image17 нь хэрэглэгчээс тусламж авах боломжтой nextion зааварчилгааны цонхыг харуулдаг.