Cool vyzerajúce hodinky M5StickC s ponukou a ovládaním jasu: 8 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:55

V tomto návode sa naučíme, ako naprogramovať ESP32 M5Stack StickC s Arduino IDE a Visuino tak, aby zobrazoval čas na LCD displeji, a tiež nastaviť čas a jas pomocou ponuky a tlačidiel StickC.

Pozrite si ukážkové video.

Krok 1: Čo budete potrebovať

M5StickC ESP32: nájdete ho tu

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 nastavte dosku StickC

1. Kliknite na dosku „M5 Stack Stick C“a vyberte ju
2. V okne „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbaľte,
3. Vyberte „Zobraziť ST7735“a kliknutím na „+“ho rozbaľte,
4. Nastavte „Orientácia“na „goRight“
5. Nastavte „Farbu pozadia“na „ClBlack“
6. Vyberte položku „Prvky“a kliknite na modré tlačidlo s 3 bodkami …
7. Zobrazí sa dialógové okno Prvky
8. V dialógovom okne Prvky potiahnite 2X „Textové pole“z pravej strany doľava
9. Kliknutím na „Textové pole1“na ľavej strane ho vyberte, potom v okne „Vlastnosti“kliknite na „Farba“a nastavte ho na „aclOrange“a kliknite na „Vyplniť farbu“a nastavte na „aclBlack“(Vy môže hrať s farbami, ak chcete) -tiež vo vlastnostiach okna sada X: 10 a Y: 20 toto je miesto, kde chcete zobraziť čas na veľkosti LCD zostavy: 3 (to je veľkosť písma času)
10. Kliknutím na „Textové pole2“na ľavej strane ho vyberte, potom v okne „Vlastnosti“kliknite na „Farba“a nastavte ju na „aclAqua“a kliknite na „Fill Color“a nastavte na „aclBlack“

(Ak chcete, môžete sa hrať s farbami) -Nastavte „Počiatočnú hodnotu“na: Nastavte HODINU

-tiež vo vlastnostiach okien nastaviť X: 10 a Y: 2 toto je miesto, kde chcete zobraziť ponuku na LCD -sieťová veľkosť: 1 (to je veľkosť písma ponuky)

Zatvorte okno prvkov

1. Kliknite na dosku „M5 Stack Stick C“a vyberte ju
2. V okne „Vlastnosti“vyberte „Moduly“a kliknutím na „+“rozbaľte,
3. Vyberte „Zobraziť budík v reálnom čase (RTC)“a kliknutím na „+“ho rozbaľte,
4. Vyberte položku „Prvky“a kliknite na modré tlačidlo s 3 bodkami …
5. V dialógovom okne Prvky presuňte „Nastaviť hodinu“z pravej strany doľava-a v okne vlastností nastavte „Pridať hodnotu“na: True a „Hodnota“na: 1
6. V dialógovom okne Prvky presuňte „Nastaviť minútu“z pravej strany doľava-a v okne vlastností nastavte „Pridať hodnotu“na: True a „Hodnota“na: 1
7. V dialógovom okne Prvky presuňte „Nastaviť druhé“z pravej strany doľava-a v okne vlastností nastavte „Pridať hodnotu“na: True a „Hodnota“na: 1

Zatvorte okno prvkov

Krok 4: V programe Visuino pridajte komponenty

1. Pridajte 2x komponent „Debounce Button“
2. Pridajte komponent „tlačidlo automatického opakovania“
3. Pridajte komponent „Textové pole“
4. Pridajte komponent „Analog Array“
5. Pridajte 2x komponentu „Počítadlo“
6. Pridajte komponent „Clock Demux (prepínač viacerých výstupných kanálov)“
7. Pridajte komponent „Dekódovať (rozdeliť) dátum/čas“
8. Pridajte komponent „FormattedText1“

Krok 5: V súprave Visuino Set Components

1. Vyberte komponent „FormattedText1“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
3. Vyberte „TextElement1“na ľavej strane a v okne vlastností nastavte „Vyplniť znak“na: 0 a „Dĺžka“na: 2
4. Vyberte „TextElement2“na ľavej strane a v okne vlastností nastavte „Vyplniť znak“na: 0 a „Dĺžka“na: 2
5. Vyberte „TextElement3“na ľavej strane a v okne vlastností nastavte „Vyplniť znak“na: 0 a „Dĺžka“na: 2
6. Vyberte komponent „ClockDemmux1“a v okne vlastností nastavte „Výstupné piny“na: 5
7. Vyberte komponent „Counter1“a v okne vlastností rozbaľte „Max“a nastavte „Hodnota“na: 4
8. Vyberte komponent „Counter1“a v okne vlastností rozbaľte „Min“a nastavte „Hodnota“na: 0
9. Vyberte komponent „Counter2“a v okne vlastností rozbaľte „Max“a nastavte „Hodnota“na: 6
10. Vyberte komponent „Counter2“a v okne vlastností rozbaľte „Min“a nastavte „Hodnota“na: 0BUDOVANIE MENU:
11. Vyberte komponent „Array1“(textové pole) a dvakrát naň kliknite. -V okne prvkov potiahnite 4X „Hodnota“doľava-Na ľavej strane vyberte „Položka [1]“a v okne vlastností nastavte „Hodnota“do: NASTAVIŤ HODINY-Na ľavej strane vyberte položku „Položka [2]“a v okne vlastností nastavte „Hodnota“na: NASTAVIŤ MINUTY-Na ľavej strane vyberte položku „Položka [3]“a v okne vlastností nastavte „Hodnota“to: SET SECONDS-Na ľavej strane zvoľte "Item [4]" a v okne vlastností nastavte "Value" na: SET BRIGHTNESS Zatvorte okno Elements. Nastavenie hodnôt jasu:

12. Vyberte komponent „Array2“(Analógové pole) a dvakrát naň kliknite. -V okne prvkov potiahnite 6X „Hodnota“doľava-Na ľavej strane vyberte „Položka [0]“a v okne vlastností nastavte „Hodnota“do: 1

    -Na ľavej strane zvoľte "Položka [1]" a v okne vlastností nastavte "Hodnota" na: 0,9

    -Na ľavej strane vyberte položku „Položka [2]“a v okne vlastností nastavte „Hodnota“na: 0,8 -Na ľavej strane vyberte položku „Položka [3]“a v okne vlastností nastavte „Hodnota“na: 0,7 -zapnuté na ľavej strane zvoľte „Položka [4]“a v okne vlastností nastavte „Hodnota“na: 0,6-Na ľavej strane vyberte „Položka [5]“a v okne vlastností nastavte „Hodnota“na: 0,55

Krok 6: V komponentoch Visuino Connect

1. Pripojte kolík A (M5) „M5 Stack Stick C“ku kolíku „Button2“[In]
2. Pripojte kolík „M5 Stack Stick C“[B] k kolíku „Button1“[In]
3. Pripojte pin „Button2“[von] k kolíku ‘RepeatButton1‘[In]
4. Pripojte kolík „RepeatButton1“[von] k kolíku „ClockDemmux1“[vstup]
5. Pripojte kolík „Button1“[Výstup] k kolíku „Counter1“[Vstup]
6. Pripojte pin „M5 Stack Stick C“> „Budík v reálnom čase (RTC)“[von] k pinu „DecodeDateTime1“[In]
7. Pripojte pin „DecodeDateTime1“[hodina] k kolíku „FormattedText1“> „TextElement1“[V]
8. Pripojte kolík „DecodeDateTime1“[minúta] ku kolíku „FormattedText1“> „TextElement2“[In]
9. Pripojte kolík „DecodeDateTime1“[druhý] k kolíku „FormattedText1“> „TextElement3“[V]
10. Pripojte kolík „FormattedText1“[Out] k doske „M5 Stack Stick C“> „Displej ST7735“> kolík „Textové pole1“[Vstup]
11. Pripojte pin „Counter1“[Out] k kolíku „ClockDemmux1“[vybrať] a ku kolíku „Array1“[Index]
12. Pripojte pin „Counter2“[Out] k kolíku „Array2“[Index]
13. Pripojte kolík „Array1“[Out] k doske „M5 Stack Stick C“> „Displej ST7735“> Kolík „Textové pole2“[Vstup]
14. Pripojte pin „Array2“[Out] k doske „M5 Stack Stick C“> „Displej ST7735“> kolík [Jas]
15. Pripojte pin „ClockDemmux1“[1] k doske „M5 Stack Stick C“> „Budík v reálnom čase (RTC)“> Kolík „Nastaviť hodinu1“[Hodiny]
16. Pripojte pin „ClockDemmux1“[2] k doske „M5 Stack Stick C“> „Budík v reálnom čase (RTC)“> Kolík „Nastaviť minútu1“[Hodiny]
17. Pripojte pin „ClockDemmux1“[3] k doske „M5 Stack Stick C“> „Budík v reálnom čase (RTC)“> Kolík „Nastaviť druhý1“[Hodiny]
18. Pripojte pin „ClockDemmux1“[4] k kolíku „Counter2“[In]

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

1. 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 8: Hrajte

Ak napájate modul M5Sticks, na displeji by sa mal začať zobrazovať čas. Čas a jas môžete zmeniť pomocou tlačidiel „B“na zobrazenie ponuky a prepínania medzi (Nastaviť hodiny, Nastaviť minúty, Nastaviť sekundy, Nastaviť jas) a použiť na ich nastavenie pomocou tlačidla „M5“.

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: