DIY Hvordan vise tid på M5StickC ESP32 ved hjelp av Visuino - enkelt å gjøre: 9 trinn

2025 Forfatter: John Day | [email protected]. Sist endret: 2025-01-13 06:58

I denne opplæringen lærer vi hvordan du programmerer ESP32 M5Stack StickC med Arduino IDE og Visuino for å vise tiden på LCD -skjermen.

Trinn 1: Det du trenger

1. M5StickC ESP32: du kan få den her
2. Visuino -program: Last ned Visuino

Merk: Sjekk denne opplæringen her om hvordan du installerer StickC ESP32 -kort

Trinn 2: Start Visuino, og velg M5 Stack Stick C -korttype

Start Visuino som vist på det første bildet Klikk på "Verktøy" -knappen på Arduino -komponenten (Bilde 1)

in Visuino Når dialogboksen vises, velg "M5 Stack Stick C" som vist på bilde 2

Trinn 3: I Visuino Legg til og sett komponenter

1. Klikk på "M5 Stack Stick C" -brettet for å velge det
2. I "Egenskaper" -vinduet, velg "Moduler" og klikk "+" for å utvide, velg "Display ST7735" og klikk "+" for å utvide det
3. Sett Orientering til "goRight" <dette betyr hvordan tiden vil bli orientert på LCD -skjermen
4. Velg "Elements" og klikk på den blå knappen med 3 prikker …
5. Elements Dialog vil vises
6. I "Elements Dialog" drar du "Tekstfelt" fra høyre side til venstre

Klikk på "Tekstfelt1" på venstre side for å velge det, og klikk deretter på farge i "Egenskapsvindu" og sett det til "aclOrange"

-oso i egenskaper windows sett X: 10 og Y: 20 det er her du vil vise tiden på LCD -skjermen

-sett størrelse: 3 dette er tidens skriftstørrelse

-Du kan angi tekststørrelse og farge hvis du vil

Lukk elementvinduet

Eventuelt:

Klikk på "M5 Stack Stick C" -brettet for å velge det

I "Egenskaper" -vinduet, velg "Moduler" og klikk "+" for å utvide, velg "Display ST7735" og klikk "+" for å utvide det, og du vil se "Bakgrunnsfarge", dette er standardfargen på skjermen, endre den til favorittfargen din, du kan også angi lysstyrken på skjermen, standarden er 1 (maks) du kan sette den til 0,5 eller en annen verdi for å gjøre den mer svak

6. Legg til komponenten "Dekode (del) dato/klokkeslett" 7. Legg til komponenten "Formaterte tekst"

Trinn 4: I Visuino -settkomponenter

1. Velg "FormattedTxt1" -komponenten og under "Egenskaper" -vinduet, sett "Tekst" til:%0:%1:%2
2. Dobbeltklikk på "FormattedText1" -komponenten og dra i dialogboksen Elements 3x "Text Element" til venstre

Trinn 5: I Visuino Connect -komponenter

• Koble "M5 Stack Stick C"> Vekkerklokke i sanntid (RTC)> Fest [ut] til komponentpinnen "DecodeDateTime1" [In]
• Koble komponentpinnen "DecodeDateTime1" [Time] til "FormattedText1" komponent "TextElement1" pin [In]
• Koble komponentpinnen "DecodeDateTime1" [Minute] til "FormattedText1" komponent "TextElement2" pin [In]
• Koble komponentpinnen "DecodeDateTime1" [Second] til "FormattedText1" komponent "TextElement3" pin [In]
• Koble "FormattedText1" komponentpinnen [Out] til "M5 Stack Stick C" -kortet "Display ST7735"> "Text Field1" pin [In]

Trinn 6: Generer, kompiler og last opp Arduino -koden

• I Visuino klikker du på "Build" -fanen nederst, og kontrollerer at den riktige porten er valgt. Klikk deretter på "Compile/Build and Upload" -knappen.

Trinn 7: Spill

Hvis du driver M5Sticks -modulen, bør displayet begynne å vise tiden.

Gratulerer! Du har fullført M5Sticks -prosjektet ditt med Visuino. Vedlagt er også Visuino -prosjektet, som jeg opprettet for denne Instructable, du kan laste det ned her.

Du kan laste den ned og åpne den i Visuino:

Trinn 8: Ekstra: Enkelt triks

Du kan bruke gjeldende tid som var på datamaskinen din i det øyeblikket du kompilerte koden i Arduino.

For å gjøre det bare slipp en "Kompiler dato/klokkeslett" -komponent og koble den til "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Sett]

Du kan laste ned prosjektfilen med dette trikset her.

Trinn 9: I neste opplæring

I den neste opplæringen vil jeg vise deg hvordan du lager en Cool Looking -klokke der du kan stille inn tiden ved hjelp av StickC -knappene! Følg med og sjekk mine andre opplæringsprogrammer her.