Nextion Displayուցադրման միջերես ESP 32 Four Relay Board- ով `7 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:50

Այս հրահանգներում մենք մտադիր ենք 5 դյույմանոց հաջորդ ցուցադրումը միացնել Esp 32 չորս ռելեային տախտակին: Տախտակը վերահսկվում է MQTT արձանագրության միջոցով: Տախտակն ունի նաև երկկողմանի վերահսկման հնարավորություններ: Այն կարող է վերահսկվել ինչպես mqtt- ով, այնպես էլ սենսորային էկրանով: Touch էկրանը uart- ի միջոցով միացված է Esp 32 -ին:

Հաջորդ ցուցադրման կարգավորում.

Nextion Editor- ը մշակման ծրագիր է, որն օգտագործվում է գրաֆիկական ինտերֆեյսի տեսողական կառուցման համար `ներկառուցված GUI ինտենսիվ սարքերի համար` տարբեր տեսակի TFT էկրաններով և Touch Panels- ով: Օգտագործելով այս գործիքը, օգտվողները կարող են սկսել TFT- ի վրա հիմնված սարքեր ստեղծել ավելի արագ և հեշտ եղանակով:

Nextion Editor- ը կարելի է ներբեռնել այս հղումից

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

Ներբեռնելուց հետո տեղադրեք հաջորդ խմբագրիչը:

Քայլ 1: Հաջորդ խմբագիր

Ստորև բացեք հաջորդ խմբագրիչը ցույց է տալիս հաջորդ պատուհանը, որտեղ կան ենթաօրենսդրական պատուհաններ: Ներքևի ձախ անկյունը պատկերի և տառատեսակի պատուհանն է, որտեղ օգտվողը կարող է ավելացնել պատկերները ՝ օգտագործելով «+» նշանը և կարող է ջնջել պատկերները ՝ օգտագործելով «-» նշանը: Վերին աջ անկյունում կա էջի պատուհան, որտեղ օգտվողը կարող է ավելացնել կամ ջնջել էջերը: Ներքևի աջ անկյունում կա հատկանիշների պատուհանը, այստեղ օգտվողը կարող է փոփոխել օբյեկտների պարամետրերը: Ստորև կան երկու պատուհաններ, մեկը `Ելքի պատուհանը և Միջոցառման պատուհանը: Ելքի պատուհանում այն կցուցադրի կազմողի սխալը: Օգտվողը կընտրի օբյեկտները և իրադարձությունների պատուհանում կգրի ծածկագիրը ՝ իրադարձությունները կատարելու համար:

Մենք պետք է ստեղծենք նոր ֆայլ, երբ նոր ֆայլը պահենք, հայտնվում է image2 պատուհանը, այն կխնդրի ընտրել մոդելը, մոդելը ոչ այլ ինչ է, քան հաջորդ ցուցադրման մոդելը, որից հետո այն կստանաք հաջորդի հետևի մասում: շարունակել

Նոր ֆայլ ստեղծելուց հետո էջը ստեղծվում է, ինչպես ցույց է տրված պատկերի 3 -ում, օգտվողը կարող է ստեղծել բազմաթիվ էջեր ՝ կախված իր դիմումից: Բայց ընթացիկ ծրագրում մենք սահմանափակվում ենք միայն մեկ էջով:

Քայլ 2: Պատկերների և տառատեսակի ավելացում

Image4- ում կարող եք տեսնել, թե ինչպես ստեղծել տառատեսակ: Գնացեք գործիքներ և կտտացրեք Տառատեսակի գեներատորի վրա տառատեսակի ստեղծողի պատուհանը կհայտնվի, որում ընտրեք բարձրության և տառատեսակի տեսակը և տվեք տառատեսակի անունը և կտտացրեք գեներատորի տառատեսակին: Տառատեսակի ստեղծումից հետո հաջորդը կհարցնի `ավելացնել տառատեսակը, թե ոչ

Image5- ում կարող եք տեսնել, թե ինչպես ավելացնել տառատեսակը, որն ընդգծված է լուսանկարում: Օգտագործելով + և - խորհրդանիշի օգտվողը կարող է ավելացնել կամ ջնջել տառատեսակը:

Image6- ում կարող եք տեսնել, թե ինչպես ավելացնել պատկերներ կամ ջնջել պատկերները `համապատասխանաբար ընտրելով«+»կամ«-»:

Քայլ 3: Ստեղծեք կոճակ

Image7- ը ցույց է տալիս, թե ինչպես ավելացնել օբյեկտները գործիքի տուփից հիմնական պատուհանում: Օրինակ, կտտացրեք օբյեկտի երկակի վիճակի կոճակին, այն կհայտնվի հիմնական պատուհանում, ինչպես ցույց է տրված image7 երկակի վիճակի կոճակի օբյեկտում bt0: Օգտագործողը կարող է կոճակը տեղափոխել x և y ուղղությամբ: մենք ցույց կտանք, թե ինչպես ստեղծել անջատիչ կոճակ երկակի վիճակով:

Image8- ում մենք տեսնում ենք, որ կոճակի պատկերը փոխվել է ըստ օգտագործողի: Մենք պետք է սեղմենք կոճակը bt0, հատկանիշների պատուհանում կհայտնվեն կոճակի պարամետրերը: Այդ օգտվողի համար անհրաժեշտ է փոխել sta պարամետրը պատկերին, իսկ pic0 և pic1 ներդիրում օգտագործողը պետք է նշանակի այն պատկերները, որոնք ցանկանում է կիրառել:

Նկարում 9 -ը ցույց է տալիս բոլոր կոճակների վերջնական դասավորությունը, ներառյալ անվանումը: Այստեղ մենք համապատասխանաբար ավելացրել ենք bt0, bt1, bt2 և bt3 կոճակների համար 0, կոճակ 1, կոճակ 2 և կոճակ 3:

Քայլ 4. Անցման կոճակի իրադարձության կոդը

Image10- ը ցույց է տալիս baud rate = 115200- ի նախնական նախնականացումը միջոցառման պատուհանում ՝ դրա ծածկագրի մասը: Օգտագործողը կարող է սկզբնավորել ցուցադրմանն առնչվող այս հատվածում:

Image11- ում ցուցադրվում է կոճակի bt0 կոդի մասը, այստեղ մենք տպում ենք սերիա ՝ կախված կոճակի փոփոխական վիճակից, այսինքն ՝ bt0 փոփոխականի համար 0 է, ապա մենք ուղարկում ենք սերիա «R10», իսկ bt0 փոփոխականի համար ՝ 1, այնուհետև ուղարկում ենք «R11»: դեպի esp. Երբ Esp- ն ստանում է R10, այն անջատում է 1 -ին ռելեն և երբ ստանում է R11 1 -ին ռելեը միանում է: Նմանապես մենք պետք է կոդավորենք բոլոր կոճակները, օրինակ ՝ bt1, bt2 և bt3:

Քայլ 5 ՝ կարգաբերել GUI- ն

Երբ ամեն ինչ կոդավորված է, մենք պետք է կազմենք, եթե սխալ չլինի, մենք կարող ենք կարգաբերել ստեղծված GUI- ն, որը գործում է մեր պահանջներին համապատասխան, նախքան հաջորդ ցուցադրմանը բեռնելը: Image12- ը ցույց է տալիս վրիպազերծիչի պատուհանը, այստեղ օգտվողը կարող է ընթացիկ սիմուլյատորը բացվող կոճակից և ստուգել, թե արդյոք այն աշխատում է ըստ օգտագործողի:

Երբ սարքն աշխատում է ըստ օգտագործողի, հաջորդ քայլը ծածկագիրը վերբեռնելն է հաջորդ ցուցադրման վրա:

Image13- ը ցույց է տալիս հաջորդ սարքի պատուհանի վերբեռնումը, այստեղ դուք պետք է ընտրեք 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- ի համար (openhab- ի համար խնդրում ենք ստուգել մեր բաց հրահանգներ), ինչպես ցույց է տրված նկարում 15:

Սարքը կարող է կառավարվել http- ով, mqtt- ով, ինչպես նաև GUI սենսորային էկրանով: Մենք կարող ենք ստանալ բոլոր ռելեային ալիքների ընթացիկ կարգավիճակը ՝ անկախ mqtt և սենսորային էկրանների ալիքների միացումից կամ անջատումից:

Քայլ 7: Հաջորդ օգնություն

Image17- ը ցույց է տալիս հաջորդ հրահանգների պատուհանը, որտեղ օգտվողը կարող է օգնություն ստանալ: