Meteorologická stanica pre domácich majstrov s displejom Nextion a Arduino: 11 krokov

2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-23 15:05

V tomto návode použijeme displej Nextion, časový modul rtc1307, Arduino UNO a Visuino na zobrazenie aktuálneho času, teploty a vlhkosti.

Pozrite si ukážkové video.

Krok 1: Čo budete potrebovať

• Arduino uno (alebo nano, mega môže byť použitý ktokoľvek)
• Nextion lcd 2,8 palca nx3224t028_011 (bude fungovať aj akýkoľvek iný nextion lcd)
• Hodinový modul I2C RTC DS1307 24C32 v reálnom čase pre Arduino
• Prepojovacie vodiče
• Breadboard
• Program Visuino: Stiahnite si Visuino
• Program Nextion Editor: Stiahnite si tu

Krok 2: Vývoj rozhrania v editore Nextion

Najprv sa uistite, že karta SD je naformátovaná na FAT32 (použite nejaký softvér, ako je formátovač kariet)

• Spustite softvér Nextion Editor a kliknite na „Nové“a uložte svoj projekt do niečoho ako „Počasie“
• Potom sa zobrazí dialógové okno „Nastavenia“, vyberte typ displeja, ktorý máte.
• Vytvorí sa prázdny biely list.
• Z panela s nástrojmi vľavo presuňte 3x obrázok.
• Vľavo dole vyberte kartu „Obrázok“, kliknite na tlačidlo + a načítajte obrázky. Niektoré pekné ikony si môžete stiahnuť z internetu pre čas, teplotu a vlhkosť (ako web Iconarchive)
• Vyberte každý prvok obrázku a v pravom dolnom rohu okna „Atribút“dvakrát kliknite na pole „pic“a vyberte obrázok, urobte to pre každý prvok obrázku (3x).

V ponuke kliknite na „Nástroje> Generátor písem“

• Vytvorte písmo, ktoré bude slúžiť na zobrazenie času, teploty a vlhkosti, a nastavte názov ako „MyFont1“
• Keď sa zobrazí otázka „Pridať vygenerované písmo?“, Kliknite na „Generovať písmo“a niekde ho uložte. kliknite na Áno.
• Zatvorte dialógové okno a vygenerované písmo sa zobrazí v spodnej časti okna na karte „Fonty“s ID 0
• Z panela s nástrojmi vľavo presuňte 3x „text“, umiestnite ho tam, kde budú zobrazené údaje
• Pre každý textový prvok nastavený v pravom dolnom okne „Atribúty“, písmo na 0 <ID písma, ktoré ste vygenerovali predtým, môžete použiť viacero písem a pre každý textový prvok nastaviť ID
• Predvolenú textovú hodnotu môžete nastaviť v poli „txt“, napríklad „Čas“, „C“, „%
• Farbu môžete nastaviť kliknutím na pole „pco“. Všimnite si, že každý textový prvok má určitý názov objektu, napríklad „t0“atď., To sa neskôr použije vo Visuine
• Názov každého objektu nájdete v okne „atribúty“> objname

Keď umiestnite a umiestnite všetky prvky:

• kliknite na tlačidlo „Kompilovať“
• kliknite na ponuku „Súbor“> „Otvoriť priečinok zostavenia“, nájdite súbor v našom prípade „Weather.tft“a skopírujte ho na kartu SD.

Krok 3: Okruh

• Pripojte pin Arduino [5v] k kladnému pólu [červený]
• Pripojte pin Arduino [GND] k zápornému kolíku [modrý]
• Pripojte pin snímača [-] DHT11 k pinu Arduino [GND]
• Pripojte pin snímača DHT11 [-] k kladnému kolíku nepájivého poľa [červená]
• Pripojte signálny kolík [S] snímača DHT11 k digitálnemu pinu Arduino [7]
• Pripojte pin modulu [Vcc] modulu Time DS1307 k kladnému kolíku nepájivého poľa [červená]
• Pripojte pin modulu DS1307 Time [GND] k zápornému kolíku breadboardu [modrý]
• Pripojte pin modulu DS1307 Time [SDA] k pinu Arduino [SDA]
• Pripojte pin modulu [SCL] modulu Time DS1307 k pinu Arduino [SCL]
• Pripojte pin displeja Nextion [VCC] k kladnému kolíku nepájivého poľa [červená]
• Pripojte pin displeja Nextion [GND] k zápornému kolíku nepájivého poľa [modrý]
• Pripojte pin Nextion Display [RX] k pinu Arduino [TX]
• Pripojte pin Nextion Display [TX] k pinu Arduino [RX]

Krok 4: Spustite Visuino a vyberte typ dosky Arduino UNO

Ak chcete začať programovať Arduino, budete musieť mať nainštalované Arduino IDE tu:

Uvedomte si, že v Arduino IDE 1.6.6 existujú niektoré kritické chyby. Uistite sa, že inštalujete 1.6.7 alebo vyšší, inak tento návod nebude fungovať! Ak ste to neurobili, postupujte podľa pokynov v tomto návode na nastavenie Arduino IDE na programovanie Arduino UNO! Je tiež potrebné nainštalovať Visuino: https://www.visuino.eu. Spustite Visuino ako je znázornené na prvom obrázku Kliknite na tlačidlo „Nástroje“na komponente Arduino (obrázok 1) v programe Visuino Keď sa zobrazí dialógové okno, zvoľte „Arduino UNO“podľa obrázku 2

Krok 5: V programe Visuino pridajte komponenty

1. Pridajte komponent „Štart“
2. Pridajte komponent „Real Time Clock (RTC) DS 1307“
3. Pridajte komponent „Generátor hodín“
4. Pridajte komponent „Vlhkosť a teplomer DHT11“
5. Pridajte 2x komponentu „Analógové k textu“
6. Pridajte komponentu „Decode (Split) datetime“
7. Pridajte komponent „Nextion Display“

Krok 6: V súprave Visuino Set Components

Dvakrát kliknite na komponent „RealTimeClock1“, otvorí sa okno prvkov a:

• Presuňte „Nastaviť deň“a v okne vlastností nastavte „Hodnota“na aktuálny dátum
• Presuňte „Nastaviť rok“a v okne vlastností nastavte „Hodnota“na aktuálny rok
• Presuňte „Nastaviť mesiac“a v okne vlastností nastavte „Hodnota“na aktuálny mesiac
• Presuňte „Nastaviť hodinu“a v okne vlastností nastavte „Hodnota“na aktuálnu hodinu
• Presuňte „Nastaviť minútu“a v okne vlastností nastavte „Hodnota“na aktuálne minúty

Vyberte komponent „FormattedText1“a v okne vlastností nastavte „text“na:%0:%1:%2

Dvakrát kliknite na komponent „FormattedText1“, otvorí sa okno prvkov a:

Presuňte 3x „Textový prvok“doľava

Dvakrát kliknite na komponent „DisplayNextion1“, otvorí sa okno prvkov a:

Presuňte 3x prvok „Text“doľava a pre každú sadu prvkov:

• pre prvý prvok názov: Čas
• pre druhý prvok názov: Teplota
• pre tretí prvok pomenujte: Vlhkosť
• Pre každú sadu prvkov „Index stránky“: 0
• pre prvú sadu prvkov „Názov prvku“: t0 (toto je názov, ktorý je v editore Nextion viditeľný nad každým prvkom, v mojom prípade jeho t0)
• pre druhú sadu prvkov „Názov prvku“: t1 (toto je názov, ktorý je v editore Nextion viditeľný nad každým prvkom, v mojom prípade jeho t1)
• pre druhú sadu prvkov „Názov prvku“: t2 (toto je názov, ktorý je viditeľný v editore Nextion nad každým prvkom, v mojom prípade jeho t2)

Krok 7: V komponentoch Visuino Connect

• Pripojte pin „Start1“„Out“k „RealTimeClock1“> „Nastaviť hodiny“kolíka „Day1“
• Pripojte „Start1“pin „Out“k „RealTimeClock1“> „Nastaviť hodinu 1“pin „Hodiny“
• Pripojte „Start1“pin „Out“k „RealTimeClock1“> „Nastaviť rok1“pinom „Hodiny“
• Pripojte pin „Start1“„Out“k „RealTimeClock1“> „Nastaviť mesiac“pinom „Hodiny“
• Pripojte pin „Start1“„Out“ku konektoru „RealTimeClock1“> „Nastaviť minútu1“k „hodinám“
• Pripojte komponentný kolík „RealTimeClock1“[Out] k pinu „DecodeDateTime1“[In]
• Pripojte komponentný kolík [RealTimeClock1] [ovládanie] ku kolíku I2C dosky Arduino [In]
• Pripojte kolík komponentu „ClockGenerator1“[Výstup] k kolíku komponentu „HumidityThermometer1“[Hodiny]
• Pripojte komponent „DecodeDateTime1“k kolíku [hodina] k kolíku „FormattedText1“> „Textelement1“[In]
• Pripojte komponent „DecodeDateTime1“k kolíku [hodina] k kolíku „FormattedText1“> „Textelement2“[In]
• Pripojte komponent „DecodeDateTime1“k kolíku [Hodina] k kolíku „FormattedText1“> „Textelement3“[V]
• Pripojte komponentný kolík [Teplota] „HumidityThermometer1“k kolíkovému komponentu „AnalogToText1“[Vstup]
• Pripojte komponentný kolík „HumidityThermometer1“[Vlhkosť] k komponentnému kolíku „AnalogToText2“[V]
• Pripojte komponentný kolík [snímač] „HumidityThermometer1“k digitálnemu kolíku dosky Arduino [7]
• Pripojte komponentný kolík „FormattedText1“[Výstup] k komponentnému kolíku „DisplayNextion1“Čas [Vstup]
• Pripojte kolík komponentu „AnalogToText1“[výstup] k kolíku komponentu „DisplayNextion1“Teplota [vstup]
• Pripojte komponentný kolík „AnalogToText2“[výstup] k kolíku komponentu „DisplayNextion1“Vlhkosť [vstup]

Pripojte kolík „DisplayNextion1“[Výstup] k kolíku sériového [0] "arduino dosky [Vstup]

Krok 8: Skopírujte súbor Nextion na kartu SD

Uistite sa, že máte na karte SD súbor Nextion

• VYPNITE displej Nextion
• Vložte kartu SD do displeja Nextion
• Zapnite displej Nextion a mali by ste vidieť priebeh aktualizácie displeja Nextion
• VYPNITE displej Nextion
• Vyberte kartu SD z displeja Nextion

Teraz je displej Nextion pripravený.

Krok 9: Generujte, kompilujte a nahrajte kód Arduino

Vo Visuine vygenerujte kód Arduino stlačením klávesu F9 alebo kliknutím na tlačidlo zobrazené na obrázku 1 a otvorte Arduino IDE V Arduino IDE kliknite na tlačidlo Nahrať a zostavte a nahrajte kód (obrázok 2) Poznámka:

Uistite sa, že pri odosielaní kódu na Arduino odpojíte pin Arduino [RX] a pin Arduino [TX] Po dokončení nahrávania pripojte späť pin Arduino [RX] a pin Arduino [TX]

Krok 10: Hrajte

Ak napájate modul Arduino UNO, displej začne zobrazovať aktuálnu úroveň teploty a vlhkosti + čas, ktorý ste nastavili vo Visuine. Gratulujem Dokončili ste svoj projekt Meteostanica s Visuino.

Pripojený je aj projekt Visuino, ktorý som vytvoril pre tento návod. Môžete si ho stiahnuť a otvoriť vo Visuine:

a

Nextion File for Nextion Editor (Weather. HMI) a skompilovaný súbor Nextion (Weather.tft), ktorý môžete skopírovať priamo na obrazovku Nextion.

Krok 11: Zdroje

Môžete si tiež pozrieť tento úžasný návod a naučiť sa pracovať s displejmi Nextion.