DIY Kako prikazati čas na M5StickC ESP32 z uporabo Visuina - enostavno narediti: 9 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:02

V tej vadnici se bomo naučili, kako programirati ESP32 M5Stack StickC z Arduino IDE in Visuino za prikaz časa na LCD -prikazovalniku.

Korak: Kaj boste potrebovali

1. M5StickC ESP32: dobite ga tukaj
2. Program Visuino: Prenesite Visuino

Opomba: V tem priročniku si oglejte, kako namestiti ploščo StickC ESP32

Korak: Zaženite Visuino in izberite vrsto plošče M5 Stack Stick C

Zaženite Visuino, kot je prikazano na prvi sliki Kliknite gumb "Orodja" na komponenti Arduino (slika 1)

in Visuino Ko se prikaže pogovorno okno, izberite "M5 Stack Stick C", kot je prikazano na sliki 2

Korak: V Visuinu komponente za dodajanje in nastavljanje

1. Kliknite na ploščo "M5 Stack Stick C", da jo izberete
2. V oknu "Lastnosti" izberite "Moduli" in kliknite "+" za razširitev, izberite "Zaslon ST7735" in kliknite "+", da ga razširite
3. Orientation nastavite na "goRight" <to pomeni, kako bo čas usmerjen na LCD
4. Izberite "Elementi" in kliknite modri gumb s tremi pikami …
5. Prikaže se pogovorno okno Elementi
6. V pogovornem oknu Elements povlecite "Besedilno polje" z desne strani na levo

Kliknite na "Besedilno polje1" na levi strani, da ga izberete, nato v oknu "Lastnosti" kliknite na barvo in jo nastavite na "aclOrange"

-tudi v oknih lastnosti nastavite X: 10 in Y: 20, tukaj želite prikazati čas na LCD -prikazovalniku

-set size: 3 to je velikost pisave časa

-Če želite, lahko nastavite velikost in barvo besedila

Zaprite okno elementov

Izbirno:

Kliknite na ploščo "M5 Stack Stick C", da jo izberete

V oknu "Lastnosti" izberite "Moduli" in kliknite "+" za razširitev, izberite "Zaslon ST7735" in kliknite "+", da ga razširite, in videli boste "Barva ozadja", to je privzeta barva zaslona, spremenite jo v vaša najljubša barva, lahko nastavite tudi svetlost zaslona, privzeta vrednost je 1 (največ), lahko jo nastavite na 0,5 ali kakšno drugo vrednost, da bo bolj zatemnjena

6. Dodajte komponento "Decode (Split) Date/Time" 7. Dodajte komponento "Formatted text"

4. korak: V Visuino Set Components

1. Izberite komponento »FormattedTxt1« in v oknu »Lastnosti« nastavite »Besedilo« na:%0:%1:%2
2. Dvokliknite komponento "FormattedText1" in v pogovornem oknu Elementi trikrat povlecite "Besedilni element" v levo

5. korak: V komponentah Visuino Connect

• Povežite "M5 Stack Stick C"> Budilka v realnem času (RTC)> Pin [Out] na komponentni pin "DecodeDateTime1" [In]
• Povežite pin komponente "DecodeDateTime1" [Ura] s komponento "TextElement1" komponente "FormattedText1" [In]
• Povežite pin komponente "DecodeDateTime1" [Minute] s komponento "TextElement2" komponente "FormattedText1" [In]
• Priključite pin komponente "DecodeDateTime1" [drugi] na komponento "TextElement3" komponente "FormattedText1" [In]
• Priključite komponentni zatič "FormattedText1" [Out] na ploščo "M5 Stack Stick C" "Display ST7735"> "Text Text1" pin [In]

6. korak: Ustvarite, prevedite in naložite kodo Arduino

• V Visuinu na dnu kliknite zavihek "Build", se prepričajte, da so izbrana pravilna vrata, nato kliknite gumb "Compile/Build and Upload".

7. korak: Igrajte se

Če napajate modul M5Sticks, bi moral zaslon začeti prikazovati čas.

Čestitamo! Projekt M5Sticks ste zaključili z Visuinom. Priložen je tudi projekt Visuino, ki sem ga ustvaril za to navodilo, ki ga lahko prenesete tukaj.

Lahko ga prenesete in odprete v Visuinu:

8. korak: Dodatno: Preprost trik

Uporabite lahko trenutni čas v računalniku v trenutku, ko ste kodo sestavili v Arduinu.

Če želite to narediti, samo spustite komponento »Compile Date/Time« in jo povežite z »M5 Stack Stick C«> »Budilka v realnem času (RTC)« [Set]

Datoteko projekta s tem trikom lahko prenesete tukaj.

9. korak: V naslednji vadnici.

V naslednji vadnici vam bom pokazal, kako narediti uro Cool Look, kjer lahko nastavite čas z gumbi StickC! Ostanite z nami in si oglejte moje druge vaje tukaj.