DIY Ako zobraziť čas na M5StickC ESP32 pomocou Visuino - jednoduché kroky: 9 krokov

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

V tomto návode sa naučíme, ako naprogramovať ESP32 M5Stack StickC s Arduino IDE a Visuino tak, aby zobrazovali čas na LCD displeji.

Krok 1: Čo budete potrebovať

1. M5StickC ESP32: nájdete ho tu
2. Program Visuino: Stiahnite si Visuino

Poznámka: Pozrite si tento návod, ako nainštalovať dosku StickC ESP32

Krok 2: Spustite Visuino a vyberte typ dosky M5 Stack Stick C

Spustite Visuino ako je znázornené na prvom obrázku Kliknite na tlačidlo „Nástroje“na komponente Arduino (obrázok 1)

vo Visuino Keď sa zobrazí dialógové okno, zvoľte „M5 Stack Stick C“podľa obrázku 2

Krok 3: V programe Visuino pridajte a nastavte komponenty

1. Kliknutím na dosku „M5 Stack Stick C“vyberte
2. V okne „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbaľte, zvoľte „Zobraziť ST7735“a kliknutím na „+“ho rozbaľte
3. Nastavte Orientation (Orientácia) na „goRight“<to znamená, ako bude čas orientovaný na LCD displeji
4. Vyberte položku „Prvky“a kliknite na modré tlačidlo s 3 bodkami …
5. Zobrazí sa dialógové okno Prvky
6. V dialógovom okne Prvky presuňte "Textové pole" z pravej strany doľava

Kliknutím na „Textové pole1“na ľavej strane ho vyberte, potom v okne „Vlastnosti“kliknite na farbu a nastavte ju na „aclOrange“

-tiež v oknách vlastností nastavených na X: 10 a Y: 20 chcete práve tu zobrazovať čas na LCD displeji

-set size: 3 toto je veľkosť písma danej doby

-Ak chcete, môžete nastaviť veľkosť a farbu textu

Zatvorte okno prvkov

Voliteľne:

Kliknite na dosku „M5 Stack Stick C“a vyberte ju

V okne „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbaľte, zvoľte „Displej ST7735“a kliknutím na „+“ho rozbalíte a zobrazí sa „Farba pozadia“toto je predvolená farba displeja, zmeňte ju na vaša obľúbená farba, môžete tiež nastaviť jas displeja, predvolená hodnota je 1 (max), môžete ju nastaviť na 0,5 alebo inú hodnotu, aby bola tmavšia

6. Pridajte komponent „Dekódovať (rozdeliť) dátum/čas“7. Pridajte komponent „Formátovaný text“

Krok 4: V súprave Visuino Set Components

1. Vyberte komponent „FormattedTxt1“a v okne „Vlastnosti“nastavte „Text“na:%0:%1:%2
2. Dvakrát kliknite na komponent „FormattedText1“a v dialógovom okne Prvky potiahnite 3x „Textový prvok“doľava

Krok 5: V komponentoch Visuino Connect

• Pripojte „M5 Stack Stick C“> Budík v reálnom čase (RTC)> Kolík [Výstup] ku kolíku komponentu „DecodeDateTime1“[Vstup]
• Pripojte kolík komponentu „DecodeDateTime1“[hodina] ku kolíku komponentu „FormattedText1“„TextElement1“[In]
• Pripojte kolík komponentu „DecodeDateTime1“[Minúta] ku kolíku komponentu „FormattedText1“„TextElement2“[V]
• Pripojte kolík komponentu „DecodeDateTime1“[druhý] ku kolíku komponentu „FormattedText1“„TextElement3“[V]
• Pripojte kolík komponentu „FormattedText1“[von] k panelu „M5 Stack Stick C“s displejom ST7735 "> pin" Textové pole1 "[vstup]

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

• Vo Visuine v spodnej časti kliknite na kartu „Zostaviť“a uistite sa, že je vybratý správny port, potom kliknite na tlačidlo „Kompilovať/zostaviť a nahrať“.

Krok 7: Hrajte

Ak napájate modul M5Sticks, na displeji by sa mal začať zobrazovať čas.

Gratulujem Dokončili ste svoj projekt M5Sticks s Visuino. Tiež je pripojený projekt Visuino, ktorý som vytvoril pre tento Instructable, môžete si ho stiahnuť tu.

Môžete si ho stiahnuť a otvoriť v programe Visuino:

Krok 8: Extra: Jednoduchý trik

Môžete použiť aktuálny čas, ktorý bol na vašom počítači v momente, keď ste skompilovali kód v Arduine.

Za týmto účelom upustite komponent „Zostaviť dátum/čas“a pripojte ho ku kolíku „M5 Stack Stick C“> „Budík v reálnom čase (RTC)“[Nastaviť]

Súbor projektu s týmto trikom si môžete stiahnuť tu.

Krok 9: V nasledujúcom návode.

V nasledujúcom návode vám ukážem, ako vytvoriť hodinky Cool Looking, kde môžete nastaviť čas pomocou tlačidiel StickC! Zostaňte naladení a pozrite sa na moje ďalšie návody tu.