DIY vejrstation med Nextion Display og Arduino: 11 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:27

I denne vejledning vil vi bruge Nextion display, rtc1307 tidsmodul, Arduino UNO og Visuino til at vise den aktuelle tid, temperatur og fugtighed.

Se en demonstrationsvideo.

Trin 1: Hvad du får brug for

• Arduino uno (eller nano, mega alle kan bruges)
• Nextion LCD 2,8 tommer NX3224T028_011 (enhver anden Nextion LCD vil også fungere)
• I2C RTC DS1307 24C32 Real Time Clock Module for Arduino
• Jumper ledninger
• Brødbræt
• Visuino -program: Download Visuino
• Nextion Editor -program: Download her

Trin 2: Udvikling af grænseflade i Nextion Editor

Sørg først for, at SD -kortet er formateret i FAT32 (Brug noget software som f.eks. Kortformatering)

• Start Nextion Editor -softwaren, og klik på "Ny", og gem dit projekt i noget som "Vejr"
• Derefter vises dialogboksen "Indstillinger", vælg den type skærm, du har.
• Et tomt hvidt ark vil blive oprettet.
• Træk 3x billede fra værktøjskassen til venstre.
• Vælg fanen "Billede" i venstre-nederste kant, klik på + -knappen og indlæs billederne. Du kan downloade nogle flotte ikoner fra internettet for tid, temperatur og luftfugtighed (som ikonarkivets websted)
• Vælg hvert Billedelement og i højre hjørne "Attribut" -vinduet dobbeltklik på feltet "pic", og vælg billedet, gør dette for hvert billedelement (3x).

Klik på menuen "Værktøjer> Fontgenerator" i menuen

• Opret den skrifttype, der skal bruges til at vise tid, temperatur og luftfugtighed, og indstil navnet som "MyFont1"
• Klik på "Generer skrifttype", og gem det et sted, når du bliver spurgt "Tilføj den genererede skrifttype?" klik på Ja.
• Luk dialogboksen, og den genererede skrifttype vises på knappen nederst under fanen "Skrifttyper" med ID 0
• Træk 3x "tekst" fra værktøjskassen til venstre, og placer den, hvor den vil vise dataene
• For hvert tekstelement, der er angivet i nederste højre "Attributter" -vindue, kan skrifttypen være 0 <id'et for den skrifttype, du genererede før, du kan bruge flere skrifttyper og angive id for hvert tekstelement
• Du kan indstille standardtekstværdien under "txt" -feltet, f.eks. "Tid", "C", "%
• Du kan indstille farven ved at klikke på "pco" -feltet Bemærk, at hvert tekstelement har et bestemt objektnavn som "t0" osv., Dette vil senere blive brugt i Visuino
• Du kan finde hvert objektnavn under vinduet "attributter"> objname

Når du har placeret og placeret alle elementerne:

• klik på "Compile" -knappen
• klik på menuen "File"> "Open Build Folder" find filen i vores tilfælde "Weather.tft" og kopier den til SD -kortet.

Trin 3: Kredsløbet

• Tilslut Arduino pin [5v] til breadboard Positive pin [Red]
• Tilslut Arduino pin [GND] til brødbræt Negativ pin [Blue]
• Tilslut DHT11 sensor pin [-] til Arduino pin [GND]
• Tilslut DHT11 sensor pin [-] til breadboard positiv pin [Red]
• Tilslut DHT11 sensorsignalstift [S] til Arduino digital pin [7]
• Tilslut Time DS1307 modul pin [Vcc] til breadboard positiv pin [Rød]
• Tilslut Time DS1307 modul pin [GND] til breadboard negative pin [Blue]
• Tilslut Time DS1307 modul pin [SDA] til Arduino pin [SDA]
• Tilslut Time DS1307 modul pin [SCL] til Arduino pin [SCL]
• Tilslut Nextion Display pin [VCC] til breadboard positiv pin [Red]
• Tilslut Nextion Display pin [GND] til breadboard negative pin [Blue]
• Tilslut Nextion Display pin [RX] til Arduino pin [TX]
• Tilslut Nextion Display pin [TX] til Arduino pin [RX]

Trin 4: Start Visuino, og vælg Arduino UNO -korttype

For at starte programmeringen af Arduino skal du have Arduino IDE installeret herfra:

Vær opmærksom på, at der er nogle kritiske fejl i Arduino IDE 1.6.6. Sørg for, at du installerer 1.6.7 eller højere, ellers fungerer denne instruks ikke! Hvis du ikke har gjort det, skal du følge trinene i denne instruktion for at konfigurere Arduino IDE til at programmere Arduino UNO! Visuino: https://www.visuino.eu skal også installeres. Start Visuino som vist på det første billede Klik på knappen "Værktøjer" på Arduino -komponenten (billede 1) i Visuino Når dialogen vises, skal du vælge "Arduino UNO" som vist på billede 2

Trin 5: Tilføj komponenter i Visuino

1. Tilføj "Start" -komponent
2. Tilføj "Real Time Clock (RTC) DS 1307" -komponent
3. Tilføj komponenten "Urgenerator"
4. Tilføj komponent "Fugtighed og termometer DHT11"
5. Tilføj 2x "Analog til tekst" -komponent
6. Tilføj "Decode (Split) datetime" komponent
7. Tilføj komponenten "Nextion Display"

Trin 6: I Visuino -sætkomponenter

Dobbeltklik på komponenten "RealTimeClock1", elementvinduet åbnes og:

• Træk "Indstil dag", og indstil "Værdi" under vinduet egenskaber til din aktuelle dato
• Træk "Indstil år", og indstil "Værdi" under vinduet egenskaber til dit aktuelle år
• Træk "Angiv måned", og indstil "Værdi" til vinduet i egenskabsvinduet til din aktuelle måned
• Træk "Indstil time", og indstil "Værdi" under vinduet med egenskaber til din aktuelle time
• Træk "Indstil minut" og under egenskabsvinduet indstiller "Værdi" til dine aktuelle minutter

Vælg "FormattedText1" komponent og under egenskabsvindue indstil "tekst" til:%0:%1:%2

Dobbeltklik på komponenten "FormattedText1", elementvinduet åbnes og:

Træk 3x "Tekstelement" til venstre

Dobbeltklik på komponenten "DisplayNextion1", vinduet med elementer åbnes og:

Træk 3x "Tekst" -elementet til venstre og for hvert elementsæt:

• for første element navngiv det: Tid
• for andet element navngiv det: Temperatur
• for tredje element navngiv det: Fugtighed
• For hvert element sæt "Sideindeks": 0
• for første element sæt "Element navn": t0 (dette er navnet, der er synligt i Nextion editor over hvert element i mit tilfælde dets t0)
• for andet element sæt "Element navn": t1 (dette er navnet, der er synligt i Nextion editor over hvert element i mit tilfælde dets t1)
• for andet element sæt "Element navn": t2 (dette er navnet, der er synligt i Nextion editor over hvert element i mit tilfælde dets t2)

Trin 7: I Visuino Connect -komponenter

• Tilslut "Start1" pin "Out" til "RealTimeClock1"> "Set Day1" pin "Clock"
• Tilslut "Start1" pin "Out" til "RealTimeClock1"> "Set Hour1" pin "Clock"
• Tilslut "Start1" pin "Out" til "RealTimeClock1"> "Set Year1" pin "Clock"
• Tilslut "Start1" pin "Out" til "RealTimeClock1"> "Set Month1" pin "Clock"
• Tilslut "Start1" pin "Out" til "RealTimeClock1"> "Set Minute1" pin "Clock"
• Tilslut komponenten "RealTimeClock1" [Out] til "DecodeDateTime1" pin [In]
• Tilslut "RealTimeClock1" komponentstift [Control] til Arduino board I2C pin [In]
• Tilslut komponentstiften "ClockGenerator1" [Ud] til komponentstiften "HumidityThermometer1" [Ur]
• Tilslut "DecodeDateTime1" -komponenten til pin [Hour] til "FormattedText1"> "Textelement1" pin [In]
• Tilslut "DecodeDateTime1" -komponenten til pin [Hour] til "FormattedText1"> "Textelement2" pin [In]
• Tilslut "DecodeDateTime1" -komponenten til pin [Hour] til "FormattedText1"> "Textelement3" pin [In]
• Tilslut komponentstiften "HumidityThermometer1" [Temperatur] til "AnalogToText1" -komponenten [In]
• Tilslut komponentpinden "HumidityThermometer1" [Fugtighed] til komponentpinden "AnalogToText2" [In]
• Tilslut "HumidityThermometer1" komponentstift [Sensor] til Arduino board digital pin [7]
• Tilslut "FormattedText1" komponent pin [Out] til "DisplayNextion1" komponent pin Time [In]
• Tilslut "AnalogToText1" komponentbolt [Out] til "DisplayNextion1" komponentstift Temperatur [In]
• Tilslut komponentstift "AnalogToText2" [Out] til "DisplayNextion1" komponentstift Fugtighed [In]

Tilslut "DisplayNextion1" pin [Out] til arduino board "Serial [0]" pin [In]

Trin 8: Kopier Nextion -fil til SD -kort

Sørg for, at du har Nextion -filen på SD -kortet

• Sluk for Nextion Display
• Sæt SD -kortet i Nextion Display
• Tænd Nextion Display, og du skal se fremskridtet med at opdatere Nextion displayet
• Sluk for Nextion Display
• Fjern SD -kortet fra Nextion -displayet

Nu er Nextion Display klar.

Trin 9: Generer, kompiler og upload Arduino -koden

I Visuino skal du trykke på F9 eller klikke på knappen vist på billede 1 for at generere Arduino -koden, og åbne Arduino IDE I Arduino IDE skal du klikke på knappen Upload for at kompilere og uploade koden (billede 2) Bemærk:

Sørg for, at når du uploader koden til Arduino for at afbryde Arduino pin [RX] og Arduino pin [TX] Når upload er færdig, skal du slutte Arduino pin [RX] og Arduino pin [TX] tilbage

Trin 10: Spil

Hvis du tænder for Arduino UNO -modulet, begynder displayet at vise den aktuelle temperatur og fugtighedsniveau + tid, som du har indstillet i Visuino. Tillykke! Du har afsluttet dit Weather station -projekt med Visuino.

Vedhæftet er også Visuino -projektet, som jeg har oprettet til denne Instructable Du kan downloade og åbne det i Visuino:

og

Nextion -fil til Nextion Editor (Weather. HMI) og kompileret Nextion -fil (Weather.tft), som du kan kopiere direkte til din Nextion -skærm.

Trin 11: Ressourcer

Du kan også tjekke denne fantastiske tutorial for at lære at arbejde med Nextion Displayshttps://www.instructables.com/id/Visuino-Nextion-Lcd-Based-Acceleration-to-Angle-Di/