Nextion ჩვენების ინტერფეისი ESP 32 ოთხი სარელეო დაფით: 7 ნაბიჯი

2024 ავტორი: John Day | [email protected]. ბოლოს შეცვლილი: 2024-01-30 10:19

ამ ინსტრუქციებში ჩვენ ვაპირებთ დავაკავშიროთ 5 დიუმიანი ეკრანი Esp 32 ოთხ სარელეო დაფაზე. დაფა კონტროლდება MQTT პროტოკოლით. დაფას ასევე აქვს ორმხრივი მაკონტროლებელი მახასიათებლები. მისი კონტროლი შესაძლებელია როგორც mqtt- ით, ასევე სენსორული ეკრანით. სენსორული ეკრანი უკავშირდება Esp 32 -ს uart- ის საშუალებით.

შემდეგი ჩვენების დაყენება:

Nextion Editor არის განვითარების პროგრამული უზრუნველყოფა, რომელიც გამოიყენება გრაფიკული ინტერფეისის ვიზუალური შესაქმნელად GUI ინტენსიური მოწყობილობებისთვის, სხვადასხვა ტიპის TFT დისპლეით და სენსორული პანელებით. ამ ინსტრუმენტის გამოყენებით, მომხმარებლებს შეუძლიათ დაიწყონ TFT დაფუძნებული მოწყობილობების შექმნა უფრო სწრაფად და მარტივად.

Nextion Editor შეგიძლიათ ჩამოტვირთოთ ამ ბმულიდან

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

გადმოტვირთვის შემდეგ დააინსტალირეთ შემდეგი რედაქტორი.

ნაბიჯი 1: შემდეგი რედაქტორი

გახსენით შემდეგი რედაქტორი ქვემოთ აჩვენებს მომდევნო ფანჯარას, მას აქვს ქვე ფანჯარა.ამ ფანჯარაში იქნება ინსტრუმენტების ფუნქცია, როგორიცაა ტექსტის ჩვენება, ღილაკის დამატება ან აკრიფეთ და ა.შ. ჩვენ შეგვიძლია ამ ობიექტების გადატანა და ჩაშვება მთავარ ფანჯარაში. ქვედა მარცხენა კუთხე არის სურათისა და შრიფტის ფანჯარა, სადაც მომხმარებელს შეუძლია სურათების დამატება "+" სიმბოლოთი და შეუძლია სურათების წაშლა "-" სიმბოლოს გამოყენებით. ზედა მარჯვენა კუთხეში არის გვერდის ფანჯარა, სადაც მომხმარებელს შეუძლია გვერდების დამატება ან წაშლა. ქვედა მარჯვენა კუთხეში არის ატრიბუტის ფანჯარა, აქ მომხმარებელს შეუძლია შეცვალოს ობიექტების პარამეტრები. ქვემოთ არის ორი ფანჯარა, ერთი არის გამომავალი ფანჯარა და ღონისძიების ფანჯარა. გამომავალი ფანჯარაში გამოჩნდება შემდგენლის შეცდომა. მომხმარებელი შეარჩევს ობიექტებს და ჩაწერს კოდს ღონისძიების ფანჯარაში, რათა მოხდეს მოვლენები.

ჩვენ უნდა შევქმნათ ახალი ფაილი, მას შემდეგ რაც შევინახავთ ახალ ფაილს გამოჩნდება image2 ფანჯარა, ის მოგთხოვთ მოდელის არჩევას, მოდელი სხვა არაფერია თუ არა შემდეგი ჩვენების მოდელი, რომელსაც მიიღებთ შემდეგს უკანა მხარეს, ამის შემდეგ დააწკაპუნეთ ok გაგრძელება

ახალი ფაილის შექმნის შემდეგ, გვერდი იქმნება, როგორც ნაჩვენებია სურათზე image3, მომხმარებელს შეუძლია შექმნას მრავალი გვერდი, რაც დამოკიდებულია მის აპლიკაციაზე. მაგრამ მიმდინარე აპლიკაციაში ჩვენ ვზღუდავთ მხოლოდ ერთ გვერდს.

ნაბიჯი 2: სურათებისა და შრიფტის დამატება

Image4– ში თქვენ ხედავთ როგორ შექმნათ შრიფტი. გადადით ინსტრუმენტებზე და დააწკაპუნეთ შრიფტის გენერატორზე შრიფტის შემქმნელის ფანჯარა გამოჩნდება, რომელშიც აირჩიეთ სიმაღლე და შრიფტის ტიპი და მიუთითეთ შრიფტის სახელი და დააწკაპუნეთ გენერატორის შრიფტზე. არა

Image5– ში თქვენ ხედავთ როგორ დაამატოთ შრიფტი, რომელიც მონიშნულია სურათში. + და - სიმბოლოების გამოყენებით მომხმარებელს შეუძლია შრიფტის დამატება ან წაშლა.

Image6– ში თქვენ ხედავთ, თუ როგორ უნდა დაამატოთ სურათები ან წაშალოთ გამოსახულებები, შესაბამისად, შეარჩიეთ „+“ან „-“.

ნაბიჯი 3: ღილაკის შექმნა

Image7 გვიჩვენებს, თუ როგორ უნდა დაამატოთ ობიექტები მთავარ ფანჯარაში ხელსაწყოების ყუთიდან. მაგალითად, დააწკაპუნეთ ობიექტის ორმაგი მდგომარეობის ღილაკზე, ის გამოჩნდება მთავარ ფანჯარაში, როგორც ეს ნაჩვენებია image7 ორმაგი მდგომარეობის ღილაკის ობიექტში bt0. მომხმარებელს შეუძლია ღილაკის გადატანა x და y მიმართულებით. ჩვენ ვაჩვენებთ, თუ როგორ შევქმნათ გადამრთველის ღილაკი ორმაგი მდგომარეობით.

Image8– ში ჩვენ ვხედავთ, რომ ღილაკის სურათი შეიცვალა მომხმარებლის მიხედვით. ჩვენ უნდა დააჭიროთ ღილაკს bt0, ატრიბუტის ფანჯარაში გამოჩნდება ღილაკის პარამეტრები. ამ მომხმარებელმა უნდა შეცვალოს სტა პარამეტრი სურათზე და pic0 და pic1 ჩანართში მომხმარებელმა უნდა მიანიჭოს ის სურათები, რომელთა გამოყენებაც სურს.

სურათზე 9 ნაჩვენებია ყველა ღილაკის საბოლოო მოწყობა სახელების ჩათვლით. აქ ჩვენ დავამატეთ bt0, bt1, bt2 და bt3 ღილაკებისთვის 0, ღილაკი 1, ღილაკი 2 და ღილაკი 3 შესაბამისად.

ნაბიჯი 4: ღონისძიების კოდი გადართვის ღილაკზე

სურათი 10 გვიჩვენებს baud განაკვეთის = 115200 წინასწარი ინიციალიზაციას ღონისძიების ფანჯარაში, მისი კოდის ნაწილი. მომხმარებელს შეუძლია ინიციალიზაცია მოახდინოს ამ ნაწილში, რომელიც ეხება ჩვენებას.

სურათი 11 გვიჩვენებს ღილაკის კოდის ნაწილს bt0, აქ ჩვენ ვბეჭდავთ სერიალს ღილაკის ცვლადი მდგომარეობიდან გამომდინარე, ანუ bt0 ცვლადისთვის არის 0, შემდეგ ჩვენ ვგზავნით სერიალს "R10" და bt0 ცვლადისთვის არის 1 შემდეგ ვგზავნით "R11" ესპ. მას შემდეგ, რაც Esp მიიღებს R10- ს, ის გამორთავს პირველ რელეს და როდესაც იღებს R11 1 -ლი რელე ჩართულია. ანალოგიურად, ჩვენ გვჭირდება კოდირება ყველა ღილაკისთვის, მაგალითად bt1, bt2 და bt3.

ნაბიჯი 5: გამართეთ GUI

მას შემდეგ, რაც ყველაფერი კოდირდება, ჩვენ გვჭირდება შედგენა, თუ შეცდომა არ არის, ჩვენ შეგვიძლია გამოვასწოროთ შექმნილი GUI მუშაობს ჩვენი მოთხოვნების შესაბამისად, შემდეგ ეკრანზე ატვირთვამდე. სურათი 12 გვიჩვენებს გამართვის ფანჯარას, აქ მომხმარებელს შეუძლია მიმდინარე სიმულატორი ჩამოსაშლელი ღილაკიდან და შეამოწმოს მუშაობს თუ არა იგი მომხმარებლის მიხედვით.

მას შემდეგ, რაც მოწყობილობა მუშაობს მომხმარებლის მიხედვით, შემდეგი ნაბიჯი არის კოდის ატვირთვა შემდეგ ეკრანზე.

სურათი 13 გვიჩვენებს ფანჯრის ატვირთვას მომდევნო მოწყობილობაზე, აქ თქვენ უნდა აირჩიოთ com პორტი და baud-rate. ამის შემდეგ თქვენ უნდა დააჭიროთ ღილაკს გადასვლა კოდზე ასატვირთად, შეიძლება ატვირთვას გარკვეული დრო დასჭირდეს.

ნაბიჯი 6: მოწყობილობის მუშაობა

სურათი 14 გვიჩვენებს ESP 32 wifi ოთხი სარელეო დაფის კავშირის დიაგრამას შემდეგი ეკრანით. ESP 32 დაფაზე J1 და J2 დააკავშირეთ 5v და Ground (G) შემდეგ ეკრანზე, როგორც ქვემოთ ნაჩვენებია. შეაერთეთ შემდეგი Tx ESP32– ის Rx0– თან დაფა და Rx მომდევნო ESP32 დაფის Tx0.ეს დამყარდება Uart კომუნიკაცია.

მუშაობს: მას შემდეგ, რაც ყველაფერი დაკავშირებულია დენის მოწყობილობასთან მოწყობილობის კონფიგურაცია ssid და პაროლით და mqtt ბროკერით გამოქვეყნებით და ხელმოწერით თემის სახელით. რწმუნებათა სიგელების წარდგენის შემდეგ მოწყობილობა გადატვირთავს და დაუკავშირდება mqtt- ს. უკვე მოწყობილობა კონფიგურებულია openhab- ზე (openhab გთხოვთ შეამოწმოთ ჩვენი ღია ინსტრუქციები), როგორც ნაჩვენებია სურათზე 15.

მოწყობილობის კონტროლი შესაძლებელია http, mqtt ასევე GUI სენსორული ეკრანით. ჩვენ შეგვიძლია მივიღოთ ყველა სარელეო არხის ამჟამინდელი მდგომარეობა, არხები ჩართულია თუ გამორთულია როგორც mqtt, ასევე სენსორული ეკრანის ეკრანზე.

ნაბიჯი 7: შემდეგი დახმარება

სურათი 17 აჩვენებს ფანჯარას შემდეგი ინსტრუქციის ნაკრებისთვის, სადაც მომხმარებელს შეუძლია მიიღოს დახმარება.