DIY Jak zobrazit čas na M5StickC ESP32 pomocí Visuino - snadné provedení: 9 kroků

2025 Autor: John Day | [email protected]. Naposledy změněno: 2025-01-23 14:38

V tomto tutoriálu se naučíme, jak naprogramovat ESP32 M5Stack StickC s Arduino IDE a Visuino tak, aby zobrazoval čas na LCD.

Krok 1: Co budete potřebovat

1. M5StickC ESP32: získáte zde
2. Program Visuino: Stáhněte si Visuino

Poznámka: Podívejte se na tento návod, jak nainstalovat desku StickC ESP32

Krok 2: Spusťte Visuino a vyberte typ desky M5 Stack Stick C

Spusťte Visuino, jak je znázorněno na prvním obrázku Klikněte na tlačítko „Nástroje“na komponentě Arduino (obrázek 1)

ve Visuinu Když se zobrazí dialog, vyberte „M5 Stack Stick C“, jak je znázorněno na obrázku 2

Krok 3: Ve Visuinu přidávejte a nastavujte součásti

1. Kliknutím na desku „M5 Stack Stick C“ji vyberte
2. V okně „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbalte, vyberte „Zobrazit ST7735“a kliknutím na „+“jej rozbalte
3. Nastavte Orientation na „goRight“<to znamená, jak bude čas orientován na LCD
4. Vyberte „Prvky“a klikněte na modré tlačítko se 3 tečkami…
5. Zobrazí se dialog Elements
6. V dialogu Prvky přetáhněte "Textové pole" z pravé strany doleva

Kliknutím na „Textové pole1“na levé straně jej vyberte, poté v okně „Vlastnosti“klikněte na barvu a nastavte ji na „aclOrange“

-také v oknech vlastností nastavit X: 10 a Y: 20 toto je místo, kde chcete zobrazit čas na LCD

-set size: 3 toto je velikost písma té doby

-Pokud chcete, můžete nastavit velikost a barvu textu

Zavřete okno prvků

Volitelně:

Kliknutím na desku „M5 Stack Stick C“ji vyberte

V okně „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbalte, vyberte „Zobrazit ST7735“a kliknutím na „+“jej rozbalte a uvidíte „Barva pozadí“toto je výchozí barva displeje, změňte ji na vaše oblíbená barva, můžete také nastavit jas displeje, výchozí je 1 (max), můžete jej nastavit na 0,5 nebo jinou hodnotu, aby byl tmavší

6. Přidejte komponentu „Dekódovat (rozdělit) datum/čas“7. Přidejte komponentu „Formátovaný text“

Krok 4: V komponentách sady Visuino

1. Vyberte komponentu „FormattedTxt1“a v okně „Vlastnosti“nastavte „Text“na:%0:%1:%2
2. Dvakrát klikněte na komponentu „FormattedText1“a v dialogu Prvky přetáhněte 3x „Textový prvek“doleva

Krok 5: V komponentách Visuino Connect

• Připojte „M5 Stack Stick C“> Budík v reálném čase (RTC)> Pin [Out] ke komponentnímu kolíku „DecodeDateTime1“[In]
• Připojte pin komponenty „DecodeDateTime1“[hodina] ke kolíku komponenty „FormattedText1“„TextElement1“[In]
• Připojte pin součásti „DecodeDateTime1“[Minuta] ke kolíku komponenty „FormattedText1“„TextElement2“[In]
• Připojte pin součásti „DecodeDateTime1“[Druhý] ke kolíku komponenty „FormattedText1“„TextElement3“[V]
• Připojte komponentní kolík „FormattedText1“[ven] k desce „M5 Stack Stick C“displeje ST7735 "> kolík" Textové pole1 "[vstup]

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

• Ve Visuinu ve spodní části klikněte na kartu „Build“, ujistěte se, že je vybrán správný port, poté klikněte na tlačítko „Compile/Build and Upload“.

Krok 7: Hrajte

Pokud napájíte modul M5Sticks, na displeji by se měl začít zobrazovat čas.

Gratulujeme! Dokončili jste svůj projekt M5Sticks s Visuino. Také je připojen projekt Visuino, který jsem vytvořil pro tento Instructable, můžete si jej stáhnout zde.

Můžete si jej stáhnout a otevřít ve Visuinu:

Krok 8: Extra: Jednoduchý trik

Můžete použít aktuální čas, který byl na vašem počítači v okamžiku, kdy jste kód zkompilovali v Arduinu.

K tomu stačí upustit komponentu „Compile Date/Time“a připojit ji ke kolíku „M5 Stack Stick C“> „Budík v reálném čase (RTC)“[Nastavit]

Soubor projektu s tímto trikem si můžete stáhnout zde.

Krok 9: V dalším kurzu

V dalším tutoriálu vám ukážu, jak si vyrobit hodinky Cool Looking, kde si můžete nastavit čas pomocí tlačítek StickC! Zůstaňte naladěni a podívejte se na mé další návody zde.