Zrób to sam Jak zrobić fajnie wyglądający zegarek - StickC - Łatwe do zrobienia: 8 kroków

2025 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2025-01-23 15:02

W tym samouczku dowiemy się, jak zaprogramować ESP32 M5Stack StickC za pomocą Arduino IDE i Visuino, aby wyświetlać czas na wyświetlaczu LCD, a także ustawiać czas za pomocą przycisków StickC.

Krok 1: Czego będziesz potrzebować

M5StickC ESP32: możesz go dostać tutaj

Program Visuino: Pobierz Visuino

Uwaga: Sprawdź ten samouczek tutaj, jak zainstalować kartę StickC ESP32

Krok 2: Uruchom Visuino i wybierz typ płyty M5 Stack Stick C

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 "M5 Stack Stick C", jak pokazano na Zdjęciu 2

Krok 3: Dodaj komponenty w Visuino

1. Kliknij kartę „M5 Stack Stick C”, aby ją wybrać
2. W oknie „Właściwości” wybierz „Moduły” i kliknij „+”, aby rozwinąć,
3. Wybierz "Wyświetl ST7735" i kliknij "+", aby go rozwinąć,
4. Ustaw „Orientację” na „goRight”
5. Ustaw „Kolor tła” na „ClBlack”
6. Wybierz „Elementy” i kliknij niebieski przycisk z 3 kropkami…
7. Wyświetli się okno dialogowe elementów
8. W oknie dialogowym elementów przeciągnij "Pole tekstowe" z prawej strony na lewą

9. Kliknij „Pole tekstowe1” po lewej stronie, aby je zaznaczyć, a następnie w oknie „Właściwości” kliknij „Kolor” i ustaw go na „aclWhite”, a następnie kliknij „Kolor wypełnienia” i ustaw go na „aclBlack” (Ty może bawić się kolorami, jeśli chcesz)

   -także w oknach właściwości ustaw X:10 i Y:20 tutaj chcesz wyświetlać czas na LCD -ustaw rozmiar:3 (jest to rozmiar czcionki czasu)Zamknij okno elementów

10. Dodaj komponent "Decode (Split) Date/Time"
11. Dodaj komponent „Sformatowany tekst”

Krok 4: W komponentach zestawu Visuino

1. Wybierz składnik „FormattedTxt1” i w oknie „Właściwości” ustaw „Tekst” na: %0:%1:%2
2. Kliknij dwukrotnie komponent „FormattedText1” i w oknie dialogowym Elementy przeciągnij 3x „Element tekstowy” w lewo
3. Wybierz kartę „M5 Stack Stick C” iw oknie „Właściwości” wybierz „Moduły” > „Budzik czasu rzeczywistego (RTC)” > „Elementy”
4. Kliknij niebieski przycisk z 3 kropkami i w oknie Elements przeciągnij "Ustaw godzinę", "Ustaw minutę" i "Ustaw sekundę" na lewą stronę
5. Wybierz po lewej stronie element „Ustaw godzinę1” i w oknie „Właściwości” ustaw „Dodaj wartość” na „Prawda” i „Wartość” na „1”.
6. Wybierz po lewej stronie "Set Minute1" i w oknie "Properties" ustaw "Add Value" na "True" i "Value" na "1".
7. Wybierz po lewej stronie element „Ustaw drugi1” i w oknie „Właściwości” ustaw „Dodaj wartość” na „Prawda” i „Wartość” na „1”.

Wyjaśnienie:

„Wartość” oznacza, ile chcemy dodać za każdym kliknięciem przycisku do istniejącego czasu (godziny, minuty lub sekundy) „Dodaj wartość” oznacza, że chcemy dodać wartość do istniejącego czasu

Krok 5: W komponentach Visuino Connect

1. Podłącz „M5 Stack Stick C” > Budzik czasu rzeczywistego (RTC) > Pin [Out] do pinu komponentu „DecodeDateTime1” [In]
2. Połącz pin komponentu „DecodeDateTime1” [Hour] z pinem komponentu „FormattedText1” „TextElement1” [In]
3. Połącz pin komponentu "DecodeDateTime1" [Minuta] z pinem komponentu "FormattedText1" "TextElement2" [In]
4. Połącz pin komponentu „DecodeDateTime1” [Second] z pinem komponentu „FormattedText1” „TextElement3” [In]
5. Połącz pin komponentu „FormattedText1” [Out] z płytą „M5 Stack Stick C” „Display ST7735””>” Pin Text Field1” [In]
6. Podłącz „M5 Stack Stick C” > Przyciski „A(M5)” do „M5 Stack Stick C” > Budzik czasu rzeczywistego (RTC) > Pin „Ustaw godzinę 1” [Zegar]
7. Podłącz „M5 Stack Stick C” > Przyciski „B” do „M5 Stack Stick C” > Budzik czasu rzeczywistego (RTC) > Pin „Ustaw minutę 1” [Zegar]

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

1. W Visuino, na dole kliknij zakładkę "Build", upewnij się, że wybrany jest właściwy port, a następnie kliknij przycisk "Compile/Build and Upload".

Krok 7: Graj

Jeśli włączysz moduł M5Sticks, wyświetlacz powinien zacząć pokazywać godzinę. Możesz zmienić czas za pomocą przycisków „M5” dla godzin i „B” dla minut

Gratulacje! Ukończyłeś projekt M5Sticks z Visuino. Dołączony jest również projekt Visuino, który stworzyłem dla tego Instructable, możesz go pobrać tutaj.

Możesz go pobrać i otworzyć w Visuino:

Krok 8: W następnym samouczku…

W następnym samouczku pokażę Ci, jak zrobić zegarek Cool Looking, w którym możesz ustawić czas (godziny, minuty i sekundy) za pomocą przycisków StickC i stworzyć proste menu! Bądź na bieżąco i sprawdź moje inne samouczki tutaj.