DIY -sääasema Nextion -näytöllä ja Arduinolla: 11 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:01

Tässä opetusohjelmassa käytämme Nextion -näyttöä, rtc1307 -aikamoduulia, Arduino UNO: ta ja Visuinoa nykyisen ajan, lämpötilan ja kosteuden näyttämiseen.

Katso esittelyvideo.

Vaihe 1: Mitä tarvitset

• Arduino uno (tai nano, mega kuka tahansa voidaan käyttää)
• Nextion lcd 2,8 tuumaa nx3224t028_011 (mikä tahansa muu nextion lcd toimii myös)
• I2C RTC DS1307 24C32 reaaliaikainen kellomoduuli Arduinolle
• Hyppyjohdot
• Leipälauta
• Visuino -ohjelma: Lataa Visuino
• Nextion Editor -ohjelma: Lataa tästä

Vaihe 2: Käyttöliittymän kehittäminen Nextion Editorissa

Varmista ensin, että SD -kortti on alustettu FAT32 -muotoon (käytä jotain ohjelmistoa, kuten kortinmuotoilijaa)

• Käynnistä Nextion Editor -ohjelmisto ja napsauta "Uusi" ja tallenna projekti esimerkiksi "Sää" -tilaan
• Sitten "Asetukset" -valintaikkuna tulee näkyviin, valitse käytössäsi oleva näyttötyyppi.
• Tyhjä valkoinen arkki luodaan.
• Vedä vasemmanpuoleisesta Työkalupakista 3x kuvaa.
• Valitse vasemmassa alakulmassa "Kuva" -välilehti, napsauta + -painiketta ja lataa kuvat. Voit ladata Internetistä hienoja kuvakkeita ajan, lämpötilan ja kosteuden vuoksi (kuten Iconarchive -sivusto)
• Valitse jokainen kuvaelementti ja kaksoisnapsauta "Attribuutti" -ikkunan oikeassa alakulmassa olevaa "pic" -kenttää ja valitse kuva, tee tämä jokaiselle kuvaelementille (3x).

Valitse valikosta "Työkalut> Fontin luonti"

• Luo kirjasin, jota käytetään ajan, lämpötilan ja kosteuden näyttämiseen, ja aseta nimi, kuten "MyFont1"
• Napsauta "Luo fontti" ja tallenna se jonnekin, kun sinulta kysytään "Lisää luotu fontti?" napsauta Kyllä.
• Sulje valintaikkuna ja luotu fontti näkyy Fonts -välilehden vasemmassa alareunassa tunnuksella 0
• Vedä vasemmalla olevasta Työkalupakista 3x "teksti" ja aseta se kohtaan, jossa se näyttää tiedot
• Jokaiselle tekstielementtijoukolle, joka sijaitsee oikeassa alakulmassa "Attribuutit" -ikkunassa, fontin arvoksi 0 <aiemmin luodun fontin tunnus, voit käyttää useita fontteja ja asettaa tunnuksen kullekin tekstielementille
• Voit asettaa tekstin oletusarvon "txt" -kenttään, esimerkiksi "Aika", "C", "%
• Voit asettaa värin napsauttamalla "pco" -kenttää Huomaa, että jokaisella tekstielementillä on tietty objektin nimi, kuten "t0" jne., Tätä käytetään myöhemmin Visuinossa
• Löydät jokaisen objektin nimen kohdasta "attribuutit"> objname

Kun olet sijoittanut ja sijoittanut kaikki elementit:

• napsauta "Käännä" -painiketta
• napsauta valikkoa "Tiedosto"> "Avaa koontikansio", etsi tiedosto tapauksessamme "Weather.tft" ja kopioi se SD -kortille.

Vaihe 3: Piiri

• Liitä Arduino -nasta [5v] leipälautaan Positiivinen nasta [punainen]
• Liitä Arduino -nasta [GND] leipälautaan Negatiivinen nasta [sininen]
• Liitä DHT11-anturin tappi [-] Arduino-nastaan [GND]
• Liitä DHT11-anturin tappi [-] leipälevyn positiiviseen nastaan [punainen]
• Liitä DHT11 -anturin signaalinasta [S] Arduinon digitaaliseen nastaan [7]
• Liitä Time DS1307 -moduulin nasta [Vcc] leipälevyn positiiviseen nastaan [punainen]
• Liitä Time DS1307 -moduulin nasta [GND] leipälevyn negatiiviseen nastaan [sininen]
• Liitä Time DS1307 -moduulin nasta [SDA] Arduino -nastaan [SDA]
• Liitä Time DS1307 -moduulin nasta [SCL] Arduino -nastaan [SCL]
• Liitä Nextion -näytön nasta [VCC] positiiviseen leipälevyn nastaan [punainen]
• Liitä Nextion -näytön nasta [GND] leipälevyn negatiiviseen nastaan [sininen]
• Liitä Nextion Display -tappi [RX] Arduino -nastaan [TX]
• Liitä Nextion Display -tappi [TX] Arduino -nastaan [RX]

Vaihe 4: Käynnistä Visuino ja valitse Arduino UNO Board Type

Arduinon ohjelmoinnin aloittamiseksi sinun on asennettava Arduino IDE täältä:

Huomaa, että Arduino IDE 1.6.6: ssa on kriittisiä vikoja. Varmista, että asennat 1.6.7 tai uudemman, muuten tämä Instructable ei toimi! Jos et ole tehnyt sitä, noudata tämän oppaan ohjeita, jotta Arduino IDE voidaan ohjelmoida Arduino UNO! Visuino: https://www.visuino.eu on myös asennettava. Käynnistä Visuino ensimmäisen kuvan mukaisesti Napsauta Visuinon Arduino -komponentin (Kuva 1) "Työkalut" -painiketta. Kun valintaikkuna tulee näkyviin, valitse "Arduino UNO", kuten kuvassa 2

Vaihe 5: Lisää Visuino -osassa komponentteja

1. Lisää "Käynnistä" -komponentti
2. Lisää "Real Time Clock (RTC) DS 1307" -komponentti
3. Lisää "Kellogeneraattori" -komponentti
4. Lisää "Kosteus- ja lämpömittari DHT11" -komponentti
5. Lisää 2x "Analog to text" -komponentti
6. Lisää "Decode (Split) datetime" -komponentti
7. Lisää "Nextion Display" -komponentti

Vaihe 6: Visuino -sarjan komponenteissa

Kaksoisnapsauta "RealTimeClock1" -komponenttia, elementti -ikkuna avautuu ja:

• Vedä "Aseta päivä" ja aseta ominaisuusikkunan "Arvo" nykyiseen päivämäärään
• Vedä "Aseta vuosi" ja aseta ominaisuusikkunan "Arvo" nykyiseen vuoteen
• Vedä "Aseta kuukausi" ja aseta ominaisuusikkunan "Arvo" nykyiseen kuukauteen
• Vedä "Aseta tunti" ja aseta ominaisuusikkunan "Arvo" nykyiseen tuntiisi
• Vedä "Aseta minuutti" ja valitse ominaisuusikkunan "Arvo" nykyisille minuutteillesi

Valitse "FormattedText1" -komponentti ja aseta ominaisuusikkunan tekstiksi "%":%0:%1:%2

Kaksoisnapsauta "FormattedText1" -komponenttia, elementti -ikkuna avautuu ja:

Vedä 3x "Tekstielementti" vasemmalle

Kaksoisnapsauta "DisplayNextion1" -komponenttia, elementti -ikkuna avautuu ja:

Vedä 3x "Text" -elementti vasemmalle ja kullekin elementtisarjalle:

• anna ensimmäiselle elementille nimi: Aika
• toisen elementin nimi: Lämpötila
• kolmas elementti nimeä se: Kosteus
• Jokaiselle elementtijoukolle "Sivuhakemisto": 0
• ensimmäiselle elementtisarjalle "Elementin nimi": t0 (tämä nimi näkyy Nextion -editorissa jokaisen elementin yläpuolella, minun tapauksessani sen t0)
• toiselle elementtisarjalle "Elementin nimi": t1 (tämä nimi näkyy Nextion -editorissa jokaisen elementin yläpuolella, minun tapauksessani sen t1)
• toiselle elementtisarjalle "Elementin nimi": t2 (tämä nimi näkyy Nextion -editorissa jokaisen elementin yläpuolella, minun tapauksessani sen t2)

Vaihe 7: Visuino Connect -komponentit

• Liitä "Start1" -nasta "Out" "RealTimeClock1"> "Aseta päivä1" -nasta "Kello"
• Liitä "Start1" -nasta "Out" "RealTimeClock1"> "Set Hour1" -nasta "Clock"
• Liitä "Start1" -nasta "Out" "RealTimeClock1"> "Aseta vuosi1" -nasta "Kello"
• Liitä "Start1" -nasta "Out" "RealTimeClock1"> "Aseta kuukausi1" -nasta "Kello"
• Liitä "Start1" -nasta "Out" "RealTimeClock1"> "Set Minute1" pin "Clock"
• Liitä "RealTimeClock1" -komponentinappi [Out] "DecodeDateTime1" -nastaan [In]
• Liitä "RealTimeClock1" -komponenttitappi [Control] Arduino -kortin I2C -nastaan [In]
• Kytke "ClockGenerator1" -komponenttitappi [Out] "Kosteuslämpömittari1" -komponenttitappiin [Kello]
• Liitä "DecodeDateTime1" -komponentti nastaan [Tunti] muotoon "FormattedText1"> "Textelement1" -nasta [In]
• Liitä "DecodeDateTime1" -komponentti nastaan [Tunti] muotoon "FormattedText1"> "Textelement2" -nasta [In]
• Liitä "DecodeDateTime1" -komponentti nastaan [Tunti] muotoon "FormattedText1"> "Textelement3" -nasta [In]
• Liitä "HumidityThermometer1" -komponenttitappi [Lämpötila] "AnalogToText1" -komponenttitappiin [In]
• Liitä "HumidityThermometer1" -komponenttitappi [Kosteus] "AnalogToText2" -komponenttitappiin [In]
• Liitä "HumidityThermometer1" -komponenttitappi [anturi] Arduino -kortin digitaaliseen nastaan [7]
• Liitä "FormattedText1" -komponentinappi [Out] "DisplayNextion1" -komponentin nastaan [In]
• Liitä "AnalogToText1" -komponenttitappi [Out] "DisplayNextion1" -komponenttitappiin Lämpötila [In]
• Liitä "AnalogToText2" -komponenttitappi [lähtö] "DisplayNextion1" -komponenttitappiin Kosteus [Tulo]

Liitä "DisplayNextion1" nasta [Out] arduino -korttiin "Serial [0]" pin [In]

Vaihe 8: Kopioi Nextion -tiedosto SD -kortille

Varmista, että sinulla on Nextion -tiedosto SD -kortilla

• Sammuta Nextion -näyttö
• Aseta SD -kortti Nextion -näyttöön
• Kytke Nextion -näyttö päälle ja näet Nextion -näytön päivityksen edistymisen
• Sammuta Nextion -näyttö
• Poista SD -kortti Nextion -näytöstä

Nyt Nextion -näyttö on valmis.

Vaihe 9: Luo, käännä ja lähetä Arduino -koodi

Visuino -ohjelmassa paina F9 tai napsauta kuvassa 1 näkyvää painiketta luodaksesi Arduino -koodin ja avaa Arduino IDE Napsauta Arduino IDE: ssä Lataa -painiketta kootaksesi ja ladataksesi koodin (Kuva 2) Huomautus:

Varmista, että kun lataat koodia Arduinoon, katkaise Arduino -nasta [RX] ja Arduino -nasta [TX] Kun lataus on valmis, yhdistä Arduino -nasta [RX] ja Arduino -nasta [TX]

Vaihe 10: Pelaa

Jos kytket virtaa Arduino UNO -moduuliin, näyttö alkaa näyttää senhetkistä lämpötila- ja kosteustasoa + aikaa, jonka asetit Visuino -ohjelmassa. Onnittelut! Olet suorittanut sääasemaprojektisi Visuinon kanssa.

Liitteenä on myös Visuino -projekti, jonka loin tälle Instructable -ohjelmalle Voit ladata ja avata sen Visuinossa:

ja

Nextion File for Nextion Editor (Weather. HMI) ja koottu Nextion -tiedosto (Weather.tft), jotka voit kopioida suoraan Nextion -näyttöön.

Vaihe 11: Resurssit

Voit myös tarkistaa tämän hämmästyttävän opetusohjelman oppiaksesi työskentelemään Nextion-näyttöjen kanssahttps://www.instructables.com/id/Visuino-Nextion-Lcd-Based-Acceleration-to-Angle-Di/