DIY Stacja pogodowa z wyświetlaczem Nextion i Arduino: 11 kroków

2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-13 06:58

W tym samouczku użyjemy wyświetlacza Nextion, modułu czasu rtc1307, Arduino UNO i Visuino do wyświetlania aktualnego czasu, temperatury i wilgotności.

Obejrzyj film demonstracyjny.

Krok 1: Czego będziesz potrzebować

• Arduino uno(lub nano, mega każdy może być użyty)
• Nextion lcd 2,8 cala nx3224t028_011 (działa również każdy inny lcd nextion)
• Moduł zegara czasu rzeczywistego I2C RTC DS1307 24C32 dla Arduino
• Przewody połączeniowe
• Deska do krojenia chleba
• Program Visuino: Pobierz Visuino
• Program Nextion Editor: Pobierz tutaj

Krok 2: Opracowywanie interfejsu w edytorze Nextion

Najpierw upewnij się, że karta SD jest sformatowana w FAT32 (Użyj oprogramowania, takiego jak formater kart)

• Uruchom oprogramowanie Nextion Editor i kliknij „Nowy” i zapisz swój projekt w stylu „Pogoda”
• Następnie pojawi się okno dialogowe „Ustawienia”, wybierz typ wyświetlacza, który masz.
• Zostanie utworzony pusty biały arkusz.
• Z Przybornika po lewej stronie przeciągnij 3x obraz.
• W lewym dolnym rogu wybierz zakładkę "Obraz", kliknij przycisk + i załaduj zdjęcia. Możesz pobrać kilka fajnych ikon z Internetu na czas, temperaturę i wilgotność (np. Witryna Iconarchive)
• Wybierz każdy element obrazu i w prawym dolnym oknie "Atrybuty" kliknij dwukrotnie pole "pic" i wybierz obraz, zrób to dla każdego elementu obrazu (3x).

W menu kliknij "Narzędzia>Generator czcionek"

• Utwórz czcionkę, która będzie używana do wyświetlania czasu, temperatury i wilgotności i ustaw nazwę, taką jak „MyFont1”
• Kliknij „Generuj czcionkę” i zapisz ją gdzieś, gdy pojawi się pytanie „Dodaj wygenerowaną czcionkę?” kliknij Tak.
• Zamknij okno dialogowe, a wygenerowana czcionka pojawi się w lewym dolnym rogu pod zakładką „Czcionki” o identyfikatorze 0
• Z Przybornika po lewej stronie przeciągnij 3x „tekst”, umieść go tam, gdzie będą pokazywane dane
• Dla każdego elementu tekstowego ustawionego w prawym dolnym oknie "Atrybuty", czcionka na 0 < identyfikator czcionki, którą wygenerowałeś wcześniej, możesz użyć wielu czcionek i ustawić identyfikator dla każdego elementu tekstowego
• Możesz ustawić domyślną wartość tekstową w polu "txt", na przykład "Czas", "C", "%
• Możesz ustawić kolor klikając na pole "pco"Zauważże każdy element tekstowy ma określoną nazwę obiektu jak "t0" itp., będzie to później użyte w Visuino
• Możesz znaleźć każdą nazwę obiektu w oknie "atrybuty">objname

Po umieszczeniu i ustawieniu wszystkich elementów:

• kliknij przycisk "Kompiluj"
• kliknij w menu "Plik"> "Otwórz folder kompilacji" znajdź plik w naszym przypadku "Weather.tft" i skopiuj go na kartę SD.

Krok 3: Obwód

• Podłącz pin Arduino [5v] do płytki stykowej Dodatni pin [czerwony]
• Podłącz pin Arduino [GND] do płytki stykowej Pin ujemny [niebieski]
• Podłącz pin czujnika DHT11 [-] do pinu Arduino [GND]
• Podłącz styk czujnika DHT11 [-] do dodatniego styku płytki stykowej [czerwony]
• Podłącz pin sygnału czujnika DHT11 [S] do cyfrowego pinu Arduino [7]
• Podłącz pin modułu Time DS1307 [Vcc] do dodatniego pinu płytki stykowej [czerwony]
• Podłącz pin modułu Time DS1307 [GND] do ujemnego pinu płytki stykowej [niebieski]
• Połącz pin modułu Time DS1307 [SDA] z pinem Arduino [SDA]
• Połącz pin modułu Time DS1307 [SCL] z pinem Arduino [SCL]
• Podłącz pin wyświetlacza Nextion [VCC] do dodatniego pinu płytki stykowej [czerwony]
• Podłącz styk wyświetlacza Nextion [GND] do ujemnego styku płytki stykowej [niebieski]
• Podłącz pin wyświetlacza Nextion [RX] do pinu Arduino [TX]
• Podłącz pin Nextion Display [TX] do pinu Arduino [RX]

Krok 4: Uruchom Visuino i wybierz typ płyty Arduino UNO

Aby rozpocząć programowanie Arduino, musisz mieć zainstalowane Arduino IDE stąd:

Należy pamiętać, że w Arduino IDE 1.6.6 występuje kilka krytycznych błędów. Upewnij się, że zainstalowałeś 1.6.7 lub nowszy, w przeciwnym razie ta instrukcja nie będzie działać! Jeśli jeszcze tego nie zrobiłeś, wykonaj czynności opisane w tej instrukcji, aby skonfigurować Arduino IDE do programowania Arduino UNO! Visuino: https://www.visuino.eu również musi być zainstalowane. Uruchom Visuino, jak pokazano na pierwszym obrazku Kliknij przycisk "Narzędzia" na komponencie Arduino (Zdjęcie 1) w Visuino Gdy pojawi się okno dialogowe, wybierz "Arduino UNO", jak pokazano na Zdjęciu 2

Krok 5: W Visuino Dodaj komponenty

1. Dodaj komponent „Start”
2. Dodaj komponent „Zegar czasu rzeczywistego (RTC) DS 1307”
3. Dodaj komponent „Generator zegara”
4. Dodaj komponent „Wilgotność i termometr DHT11”
5. Dodaj 2x komponent „Analog do tekstu”
6. Dodaj komponent "Decode (Split) datetime"
7. Dodaj komponent "Nextion Display"

Krok 6: W komponentach zestawu Visuino

Kliknij dwukrotnie komponent „RealTimeClock1”, otworzy się okno elementów i:

• Przeciągnij „Ustaw dzień” i w oknie właściwości ustaw „Wartość” na aktualną datę
• Przeciągnij „Ustaw rok” i w oknie właściwości ustaw „Wartość” na bieżący rok
• Przeciągnij „Ustaw miesiąc” i w oknie właściwości ustaw „Wartość” na bieżący miesiąc
• Przeciągnij „Ustaw godzinę” i w oknie właściwości ustaw „Wartość” na aktualną godzinę
• Przeciągnij „Ustaw minutę” i w oknie właściwości ustaw „Wartość” na bieżące minuty

Wybierz komponent „FormattedText1” i w oknie właściwości ustaw „text” na: %0:%1:%2

Kliknij dwukrotnie komponent "FormattedText1", otworzy się okno elementów i:

Przeciągnij 3x „Element tekstowy” w lewo

Kliknij dwukrotnie komponent „DisplayNextion1”, otworzy się okno elementów i:

Przeciągnij 3x element „Tekst” w lewo i dla każdego zestawu elementów:

• dla pierwszego elementu nazwij go: Czas
• dla drugiego elementu nazwij go: Temperatura
• dla trzeciego elementu nazwij go: Wilgotność
• Dla każdego zestawu elementów „Indeks strony”: 0
• dla pierwszego elementu ustaw "Nazwa elementu": t0 (jest to nazwa widoczna w edytorze Nextion nad każdym elementem w moim przypadku jest to t0)
• dla drugiego elementu ustaw "Nazwa elementu": t1 (jest to nazwa widoczna w edytorze Nextion nad każdym elementem w moim przypadku jest to t1)
• dla drugiego elementu ustaw "Nazwa elementu": t2 (jest to nazwa widoczna w edytorze Nextion nad każdym elementem w moim przypadku jest to t2)

Krok 7: W komponentach Visuino Connect

• Połącz styk „Start1” „Out” z „RealTimeClock1” > „Ustaw dzień1” styk „Clock”
• Połącz styk „Start1” „Out” z „RealTimeClock1” > „Ustaw godzinę1” styk „Zegar”
• Połącz styk „Start1” „Out” z „RealTimeClock1” > „Ustaw rok1” styk „Zegar”
• Połącz pin „Start1” „Out” z „RealTimeClock1” > „Ustaw miesiąc1” pin „Clock”
• Połącz styk „Start1” „Out” z „RealTimeClock1” > „Ustaw minutę1” styk „Zegar”
• Połącz pin komponentu „RealTimeClock1” [Out] z pinem „DecodeDateTime1” [In]
• Podłącz pin komponentu „RealTimeClock1” [Control] do pinu I2C płyty Arduino [In]
• Połącz pin komponentu „ClockGenerator1” [Out] z pinem komponentu „HumidityThermometer1” [Clock]
• Połącz komponent „DecodeDateTime1”, aby przypiąć [Hour] do „FormattedText1” > „Textelement1” [In]
• Połącz komponent „DecodeDateTime1”, aby przypiąć [Hour] do „FormattedText1” > „Textelement2” [In]
• Połącz komponent „DecodeDateTime1”, aby przypiąć [Hour] do „FormattedText1” > „Textelement3” [In]
• Podłącz styk komponentu „HumidityThermometer1” [Temperatura] do styku komponentu „AnalogToText1” [In]
• Podłącz styk komponentu „HumidityThermometer1” [Humidity] do styku komponentu „AnalogToText2” [In]
• Podłącz pin komponentu „HumidityThermometer1” [czujnik] do cyfrowego pinu płyty Arduino [7]
• Połącz pin komponentu „FormattedText1” [Out] z pinem komponentu „DisplayNextion1” Czas [In]
• Podłącz pin komponentu „AnalogToText1” [Out] do pinu komponentu „DisplayNextion1” Temperatura [In]
• Podłącz pin komponentu „AnalogToText2” [Out] do pinu komponentu „DisplayNextion1” Wilgotność [In]

Podłącz pin „DisplayNextion1” [Out] do pinu „Serial [0]” na płycie arduino [In]

Krok 8: Skopiuj plik Nextion na kartę SD

Upewnij się, że masz plik Nextion na karcie SD

• Wyłącz wyświetlacz Nextion
• Włóż kartę SD do wyświetlacza Nextion
• Włącz wyświetlacz Nextion i powinieneś zobaczyć postęp aktualizacji wyświetlacza Nextion
• Wyłącz wyświetlacz Nextion
• Wyjmij kartę SD z wyświetlacza Nextion

Teraz wyświetlacz Nextion jest gotowy.

Krok 9: Wygeneruj, skompiluj i prześlij kod Arduino

W Visuino naciśnij F9 lub kliknij przycisk pokazany na Zdjęciu 1, aby wygenerować kod Arduino i otwórz Arduino IDE W Arduino IDE kliknij przycisk Prześlij, aby skompilować i przesłać kod (Zdjęcie 2) Uwaga:

Upewnij się, że podczas przesyłania kodu do Arduino odłącz pin Arduino [RX] i pin Arduino [TX] po zakończeniu przesyłania podłącz z powrotem pin Arduino [RX] i pin Arduino [TX]

Krok 10: Graj

Jeśli włączysz moduł Arduino UNO, wyświetlacz zacznie pokazywać aktualny poziom temperatury i wilgotności + czas ustawiony w Visuino. Gratulacje! Ukończyłeś projekt stacji pogodowej z Visuino.

Dołączony jest również projekt Visuino, który stworzyłem dla tego Instructable. Możesz go pobrać i otworzyć w Visuino:

oraz

Plik Nextion dla edytora Nextion (Weather. HMI) i skompilowany plik Nextion (Weather.tft), który można skopiować bezpośrednio do wyświetlacza Nextion.

Krok 11: Zasoby

Możesz także sprawdzić ten niesamowity samouczek, aby dowiedzieć się, jak pracować z wyświetlaczami Nextion