Stație meteo DIY cu afișaj Nextion și Arduino: 11 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:43

În acest tutorial vom folosi afișajul Nextion, modulul de timp rtc1307, Arduino UNO și Visuino pentru a afișa ora curentă, temperatura și umiditatea.

Urmăriți un videoclip demonstrativ.

Pasul 1: De ce veți avea nevoie

• Arduino uno (sau nano, mega oricine poate fi folosit)
• Nextion lcd 2.8 inch nx3224t028_011 (orice alt lcd nextion va funcționa și)
• I2C RTC DS1307 24C32 Modul de ceas în timp real pentru Arduino
• Sârme de jumper
• Pană de pâine
• Programul Visuino: Descărcați Visuino
• Programul Nextion Editor: descărcați aici

Pasul 2: Dezvoltarea interfeței în Nextion Editor

Mai întâi asigurați-vă că cardul SD este formatat în FAT32 (Utilizați unele programe precum formatatorul de carduri)

• Porniți software-ul Nextion Editor și faceți clic pe „Nou” și salvați proiectul în ceva de genul „Vreme”
• Apoi va apărea dialogul „Setări”, selectați tipul de afișaj pe care îl aveți.
• Se va crea o foaie albă goală.
• Din caseta de instrumente din stânga, trageți imaginea de 3 ori.
• În partea stângă-jos selectați fila „Imagine”, faceți clic pe butonul + și încărcați imaginile. Puteți descărca câteva pictograme frumoase de pe internet pentru timp, temperatură și umiditate (cum ar fi site-ul Iconarchive)
• Selectați fiecare element de imagine și în fereastra din dreapta-jos „Atribut” faceți dublu clic pe câmpul „pic” și selectați imaginea, faceți acest lucru pentru fiecare element de imagine (3x).

În meniu, faceți clic pe „Instrumente> Generator de fonturi”

• Creați fontul care va fi utilizat pentru a afișa timpul, temperatura și umiditatea și setați numele ca „MyFont1”
• Faceți clic pe „Generați fontul” și salvați-l undeva, când vi se solicită „Adăugați fontul generat?” faceți clic pe Da.
• Închideți caseta de dialog și fontul generat va apărea pe butonul din stânga sub fila „Fonturi” cu ID-ul 0
• Din caseta de instrumente din partea stângă, glisați 3x „text”, plasați-l în locul în care va afișa datele
• Pentru fiecare element de text setat în fereastra „Atribute” din dreapta jos, fontul la 0 <ID-ul fontului pe care l-ați generat anterior, puteți utiliza mai multe fonturi și setați ID-ul pentru fiecare element de text
• Puteți seta valoarea implicită a textului în câmpul „txt”, de exemplu „Ora”, „C”, „%
• Puteți seta culoarea făcând clic pe câmpul "pco". Rețineți că fiecare element de text are un anumit nume de obiect, cum ar fi "t0" etc., acesta va fi folosit ulterior în Visuino
• Puteți găsi fiecare nume de obiect sub fereastra „atribute”> nume

Când ați plasat și poziționat toate elementele:

• faceți clic pe butonul „Compilați”
• faceți clic pe meniul „Fișier”> „Deschideți folderul de construire” găsiți fișierul în cazul nostru „Weather.tft” și copiați-l pe cardul SD.

Pasul 3: Circuitul

• Conectați pinul Arduino [5v] la panoul de pin Pin pozitiv [roșu]
• Conectați pinul Arduino [GND] la panoul negativ [Blue]
• Conectați pinul senzorului DHT11 [-] la pinul Arduino [GND]
• Conectați pinul senzorului DHT11 [-] la pinul pozitiv al panoului [roșu]
• Conectați pinul de semnal al senzorului DHT11 [S] la pinul digital Arduino [7]
• Conectați pinul modulului Time DS1307 [Vcc] la pinul pozitiv al panoului [roșu]
• Conectați pinul modulului Time DS1307 [GND] la pinul negativ al panoului de bord [Albastru]
• Conectați pinul modulului DS1307 Time [SDA] la pinul Arduino [SDA]
• Conectați pinul modulului Time DS1307 [SCL] la pinul Arduino [SCL]
• Conectați pinul afișajului Nextion [VCC] la pinul pozitiv al panoului [roșu]
• Conectați pinul afișajului Nextion [GND] la pinul negativ al panoului [albastru]
• Conectați pinul Nextion Display [RX] la pinul Arduino [TX]
• Conectați pinul Nextion Display [TX] la pinul Arduino [RX]

Pasul 4: Porniți Visuino și selectați tipul de placa Arduino UNO

Pentru a începe programarea Arduino, va trebui să aveți Arduino IDE instalat de aici:

Vă rugăm să rețineți că există câteva erori critice în Arduino IDE 1.6.6. Asigurați-vă că instalați 1.6.7 sau o versiune ulterioară, în caz contrar acest instructabil nu va funcționa! Dacă nu ați făcut-o, urmați pașii din acest instructabil pentru a configura Arduino IDE pentru a programa Arduino UNO! Visuino: https://www.visuino.eu trebuie, de asemenea, să fie instalat. Porniți Visuino așa cum se arată în prima imagine Faceți clic pe butonul „Instrumente” de pe componenta Arduino (Imaginea 1) în Visuino Când apare dialogul, selectați „Arduino UNO” așa cum se arată în Imaginea 2

Pasul 5: În Visuino Adăugați componente

1. Adăugați componenta „Start”
2. Adăugați componenta „Ceas în timp real (RTC) DS 1307”
3. Adăugați componenta „Generator de ceas”
4. Adăugați componenta „Umiditate și termometru DHT11”
5. Adăugați 2x componenta „Analog la text”
6. Adăugați componenta „Decodează (Split) datetime”
7. Adăugați componenta „Nextion Display”

Pasul 6: În Visuino Set Components

Faceți dublu clic pe componenta „RealTimeClock1”, se va deschide fereastra elementelor și:

• Trageți „Set Day” și în fereastra de proprietăți setați „Value” la data curentă
• Trageți „Set Year” și în fereastra de proprietăți setați „Value” la anul curent
• Trageți „Set Month” și în fereastra de proprietăți setați „Value” la luna curentă
• Trageți „Setați ora” și sub fereastra de proprietăți setați „Valoarea” la ora curentă
• Trageți „Set minute” și în fereastra de proprietăți setați „Value” la minutele curente

Selectați componenta „FormattedText1” și în fereastra de proprietăți setați „text” la:% 0:% 1:% 2

Faceți dublu clic pe componenta „FormattedText1”, se va deschide fereastra elementelor și:

Trageți 3x „Element text” la stânga

Faceți dublu clic pe componenta „DisplayNextion1”, se va deschide fereastra elementelor și:

Trageți 3x element „Text” la stânga și pentru fiecare set de elemente:

• pentru primul element denumiți-l: Timp
• pentru al doilea element denumiți-l: Temperatură
• pentru al treilea element denumiți-l: Umiditate
• Pentru fiecare set de elemente „Index pagină”: 0
• pentru primul set de elemente "Numele elementului": t0 (acesta este numele care este vizibil în editorul Nextion deasupra fiecărui element în cazul meu t0)
• pentru al doilea set de elemente "Numele elementului": t1 (acesta este numele care este vizibil în editorul Nextion deasupra fiecărui element în cazul meu t1)
• pentru al doilea set de elemente "Numele elementului": t2 (acesta este numele care este vizibil în editorul Nextion deasupra fiecărui element, în cazul meu, t2)

Pasul 7: În componentele Visuino Connect

• Conectați „Start1” pin „Out” la „RealTimeClock1”> „Set Day1” pin „Clock”
• Conectați „Start1” pin „Out” la „RealTimeClock1”> „Set Hour1” pin „Clock”
• Conectați „Start1” pin „Out” la „RealTimeClock1”> „Set Year1” pin „Clock”
• Conectați "Start1" pin "Out" la "RealTimeClock1"> "Set Month1" pin "Clock"
• Conectați "Start1" pin "Out" la "RealTimeClock1"> "Set Minute1" pin "Clock"
• Conectați pinul componentei "RealTimeClock1" [Out] la pinul "DecodeDateTime1" [In]
• Conectați pinul component "RealTimeClock1" [Control] la pinul I2C al plăcii Arduino [In]
• Conectați pinul component "ClockGenerator1" [Ieșit] la pinul component "UmiditateTermometru1" [Ceas]
• Conectați componenta „DecodeDateTime1” pentru a fixa [Ora] la „FormattedText1”> PIN „Textelement1” [În]
• Conectați componenta „DecodeDateTime1” pentru a fixa [Ora] la „FormattedText1”> PIN „Textelement2” [În]
• Conectați componenta „DecodeDateTime1” pentru a fixa [Ora] la „FormattedText1”> PIN „Textelement3” [În]
• Conectați pinul de componentă "UmiditateTermometru1" [Temperatură] la pinul de componentă "AnalogToText1" [In]
• Conectați pinul component "UmiditateTermometru1" [Umiditate] la pinul component "AnalogToText2" [In]
• Conectați pinul component "UmiditateTermometru1" [senzor] la pinul digital al plăcii Arduino [7]
• Conectați pinul componentei "FormattedText1" [Out] la pinul componentei "DisplayNextion1" Time [In]
• Conectați pinul componentei "AnalogToText1" [Out] la pinul componentului "DisplayNextion1" Temperatură [In]
• Conectați pinul component "AnalogToText2" [Out] la pinul component "DisplayNextion1" Umiditate [In]

Conectați pinul "DisplayNextion1" [Out] la placa arduino "Serial [0]" pin [In]

Pasul 8: Copiați fișierul Nextion pe cardul SD

Asigurați-vă că aveți fișierul Nextion pe cardul SD

• Opriți afișajul Nextion
• Puneți cardul SD în ecranul Nextion
• Porniți Nextion Display și ar trebui să vedeți progresul actualizării ecranului Nextion
• Opriți afișajul Nextion
• Scoateți cardul SD de pe afișajul Nextion

Acum afișajul Nextion este gata.

Pasul 9: Generați, compilați și încărcați codul Arduino

În Visuino, apăsați F9 sau faceți clic pe butonul afișat în imaginea 1 pentru a genera codul Arduino și deschideți ID-ul Arduino În IDE-ul Arduino, faceți clic pe butonul Încărcare, pentru a compila și încărca codul (imaginea 2) Notă:

Asigurați-vă că atunci când încărcați codul pe Arduino pentru a deconecta pinul Arduino [RX] și pinul Arduino [TX] După terminarea încărcării, conectați înapoi pinul Arduino [RX] și pinul Arduino [TX]

Pasul 10: Joacă

Dacă porniți modulul Arduino UNO, afișajul va începe să afișeze temperatura curentă și nivelul de umiditate + timpul pe care l-ați setat în Visuino. Felicitări! Ați finalizat proiectul stației meteo cu Visuino.

De asemenea, este atașat proiectul Visuino, pe care l-am creat pentru acest instructabil. Puteți să-l descărcați și să îl deschideți în Visuino:

și

Fișier Nextion pentru Editorul Nextion (Weather. HMI) și fișierul Nextion compilat (Weather.tft) pe care îl puteți copia direct pe afișajul Nextion.

Pasul 11: Resurse

De asemenea, puteți verifica acest tutorial uimitor pentru a afla cum să lucrați cu afișajele Nextionhttps://www.instructables.com/id/Visuino-Nextion-Lcd-Based-Acceleration-to-Angle-Di/