DIY Sådan viser du tid på M5StickC ESP32 ved hjælp af Visuino - let at gøre: 9 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:25

I denne vejledning lærer vi, hvordan du programmerer ESP32 M5Stack StickC med Arduino IDE og Visuino til at vise tiden på LCD'et.

Trin 1: Hvad du får brug for

1. M5StickC ESP32: du kan få det her
2. Visuino -program: Download Visuino

Bemærk: Se denne vejledning her om, hvordan du installerer StickC ESP32 -kort

Trin 2: Start Visuino, og vælg M5 Stack Stick C -korttypen

Start Visuino som vist på det første billede Klik på knappen "Værktøjer" på Arduino -komponenten (billede 1)

in Visuino Når dialogen vises, skal du vælge "M5 Stack Stick C" som vist på billede 2

Trin 3: Tilføj og indstil komponenter i Visuino

1. Klik på "M5 Stack Stick C" Board for at vælge det
2. Vælg "Moduler" i vinduet "Egenskaber", og klik på "+" for at udvide, vælg "Display ST7735" og klik på "+" for at udvide det
3. Indstil Orientation til "goRight" <dette betyder, hvordan tiden vil blive orienteret på LCD'et
4. Vælg "Elements" og klik på den blå knap med 3 prikker …
5. Dialogboksen Elements vises
6. I Elements -dialogen skal du trække "Tekstfelt" fra højre til venstre

Klik på "Tekstfelt1" i venstre side for at vælge det, klik derefter på "Egenskabsvindue" på farve og indstil det til "aclOrange"

-også i egenskaber vinduer sæt X: 10 og Y: 20 det er her du vil vise tiden på LCD'et

-sæt størrelse: 3 dette er tidens skrifttype

-Du kan indstille tekststørrelse og farve, hvis du vil

Luk elementvinduet

Valgfrit:

Klik på "M5 Stack Stick C" Board for at vælge det

I vinduet "Egenskaber" skal du vælge "Moduler" og klikke på "+" for at udvide, vælge "Display ST7735" og klikke på "+" for at udvide det, og du vil se "Baggrundsfarve", dette er standardfarven på displayet, ændre det til din yndlingsfarve, kan du også indstille skærmens lysstyrke, standarden er 1 (maks.), du kan indstille den til 0,5 eller en anden værdi for at gøre den mere svag

6. Tilføj komponenten "Afkod (split) dato/klokkeslæt" 7. Tilføj komponent "Formateret tekst"

Trin 4: I Visuino -sætkomponenter

1. Vælg "FormattedTxt1" komponent og under "Egenskaber" vindue indstil "Tekst" til:%0:%1:%2
2. Dobbeltklik på "FormattedText1" -komponenten, og træk 3x "Text Element" til venstre i dialogboksen Elements

Trin 5: I Visuino Connect -komponenter

• Tilslut "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> Pin [Out] til "DecodeDateTime1" komponent pin [In]
• Tilslut komponenten "DecodeDateTime1" [Time] til "FormattedText1" komponent "TextElement1" pin [In]
• Tilslut komponenten "DecodeDateTime1" [Minute] til "FormattedText1" komponent "TextElement2" pin [In]
• Tilslut komponenten "DecodeDateTime1" [Second] til "FormattedText1" komponent "TextElement3" pin [In]
• Tilslut komponenten "FormattedText1" [Out] til "M5 Stack Stick C" board "Display ST7735"> "Text Field1" pin [In]

Trin 6: Generer, kompiler og upload Arduino -koden

• I Visuino skal du i nederste klik på fanen "Byg" sørge for, at den korrekte port er valgt, og derefter klikke på knappen "Kompilér/Byg og upload".

Trin 7: Spil

Hvis du tænder for M5Sticks -modulet, skal displayet begynde at vise tiden.

Tillykke! Du har gennemført dit M5Sticks -projekt med Visuino. Vedhæftet er også Visuino -projektet, som jeg har oprettet til denne Instructable, du kan downloade det her.

Du kan downloade og åbne den i Visuino:

Trin 8: Ekstra: Simple trick

Du kan bruge den aktuelle tid, der var på din computer, i det øjeblik du kompilerede koden i Arduino.

For at gøre det skal du blot droppe en komponent "Compil Date/Time" og tilslutte den til "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Set]

Du kan downloade projektfilen med dette trick her.

Trin 9: I den næste vejledning

I den næste vejledning vil jeg vise dig, hvordan du laver et seende ur, hvor du kan indstille tiden ved hjælp af StickC -knapperne! Følg med og tjek mine andre tutorials her.