M5StickC Sejt ur med menu og lysstyrkekontrol: 8 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 et tidspunkt på LCD'et og også indstille tid og lysstyrke ved hjælp af menuen og StickC -knapperne.

Se en demonstrationsvideo.

Trin 1: Hvad du får brug for

M5StickC ESP32: du kan få det her

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) i Visuino Når dialogen vises, skal du vælge "M5 Stack Stick C" som vist på billede 2

Trin 3: Indstil StickC -tavlen 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,
3. Vælg "Display ST7735", og klik på "+" for at udvide det,
4. Indstil "Orientering" til "goRight"
5. Indstil "Baggrundsfarve" til "ClBlack"
6. Vælg "Elements" og klik på den blå knap med 3 prikker …
7. Dialogboksen Elements vises
8. I Elements -dialogen skal du trække 2X "Tekstfelt" fra højre side til venstre
9. Klik på "Tekstfelt1" i venstre side for at vælge det, og klik derefter på "Farve" i vinduet "Egenskaber", og indstil det til "aclOrange", klik på "Fyldfarve" og indstil det til "aclBlack" (Du kan lege med farverne, hvis du vil) -også i egenskaber Windows sæt X: 10 og Y: 20 det er her, du vil vise tiden på LCD -indstillet størrelse: 3 (dette er tidens skrifttype)
10. Klik på "Tekstfelt2" i venstre side for at vælge det, klik derefter på "Egenskaber" på "Farve", og indstil det til "aclAqua", klik på "Fyldfarve" og indstil det til "aclBlack"

(Du kan lege med farverne, hvis du vil) -indstil "Initial Value" til: Indstil HOUR

-også i egenskaber vinduer sæt X: 10 og Y: 2 det er her du vil vise menuen på LCD -sætstørrelsen: 1 (dette er skriftstørrelsen på menuen)

Luk elementvinduet

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,
3. Vælg "Display Real Time Alarm Clock (RTC)" og klik på "+" for at udvide det,
4. Vælg "Elements" og klik på den blå knap med 3 prikker …
5. I elementdialogen trækkes "Indstil time" fra højre til venstre, og i vinduet egenskaber indstilles "Tilføj værdi" til: Sand og "Værdi" til: 1
6. I Elements-dialogen skal du trække "Indstil minut" fra højre side til venstre og i vinduet egenskaber indstille "Tilføj værdi" til: Sand og "Værdi" til: 1
7. I Elements-dialogen skal du trække "Set Second" fra højre til venstre, og i egenskabsvinduet skal du indstille "Add Value" til: True og "Value" til: 1

Luk elementvinduet

Trin 4: Tilføj komponenter i Visuino

1. Tilføj 2x "Debounce Button" -komponent
2. Tilføj "Auto Repeat Button" -komponent
3. Tilføj "Text Array" -komponent
4. Tilføj komponenten "Analog Array"
5. Tilføj 2x "Tæller" -komponent
6. Tilføj "Clock Demux (Multiple Output channel Switch)" komponent
7. Tilføj "Decode (Split) Date/Time" -komponent
8. Tilføj komponenten "FormattedText1"

Trin 5: I Visuino -sætkomponenter

1. Vælg "FormattedText1" 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
3. Vælg "TextElement1" i venstre side og i egenskabsvinduet indstil "Fill Character" til: 0 og "Length" til: 2
4. Vælg "TextElement2" i venstre side og i egenskabsvinduet indstil "Udfyld tegn" til: 0 og "Længde" til: 2
5. Vælg "TextElement3" i venstre side og i egenskabsvinduet indstil "Udfyld tegn" til: 0 og "Længde" til: 2
6. Vælg "ClockDemmux1" -komponenten, og indstil "Output -pins" i vinduet egenskaber til: 5
7. Vælg "Tæller1" -komponent, og udvid "Maks" i vinduet egenskaber, og sæt "Værdi" til: 4
8. Vælg "Tæller1" -komponent, og i vinduet egenskaber udvides "Min" og indstiller "Værdi" til: 0
9. Vælg "Counter2" -komponent, og udvid "Max" i vinduet egenskaber, og sæt "Value" til: 6
10. Vælg "Counter2" -komponent, og udvid "Min" i egenskabsvinduet, og sæt "Værdi" til: 0BUILDING MENU:
11. Vælg "Array1" -komponent (Text Array), og dobbeltklik på den. -I elementvinduet skal du trække 4X "Value" til venstre side-På venstre side vælge "Item [1]" og i egenskabsvinduet indstille "Value" til: SET HOURS-På venstre side Vælg "Item [2]" og i egenskabsvinduet sæt "Value" til: SET MINUTES-På venstre side Vælg "Item [3]" og i egenskabsvinduet sæt "Value" til: SET SECONDS-I venstre side Vælg "Item [4]" og i egenskabsvinduet indstil "Value" til: SET LIGHTNESS Luk vinduet Elements. INDSTILLING AF VÆRDIERNE FOR LYSSTYRKE:

12. Vælg "Array2" -komponent (Analog Array), og dobbeltklik på den. -I elementvinduet skal du trække 6X "Value" til venstre side-På venstre side vælge "Item [0]" og i egenskabsvinduet indstille "Value" til: 1

    -På venstre side vælges "Item [1]", og i egenskabsvinduet indstilles "Value" til: 0,9

    -På venstre side skal du vælge "Item [2]" og i egenskabsvinduet indstille "Value" til: 0,8 -Op venstre side "Item [3]" og i egenskabsvinduet indstille "Value" til: 0,7 -On venstre side Vælg "Item [4]" og i egenskabsvinduet sæt "Value" til: 0.6-På venstre side Vælg "Item [5]" og i egenskabsvinduet sæt "Value" til: 0.55

Trin 6: I Visuino Connect -komponenter

1. Tilslut "M5 Stack Stick C" pin A (M5) til "Button2" pin [In]
2. Tilslut "M5 Stack Stick C" pin [B] til "Button1" pin [In]
3. Tilslut "Button2" pin [Out] til 'RepeatButton1' pin [In]
4. Tilslut "RepeatButton1" pin [Out] til "ClockDemmux1" pin [In]
5. Tilslut "Button1" pin [Out] til "Counter1" pin [In]
6. Tilslut "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Out] til "DecodeDateTime1" pin [In]
7. Tilslut "DecodeDateTime1" pin [Time] til "FormattedText1"> "TextElement1" pin [In]
8. Tilslut "DecodeDateTime1" pin [Minute] til "FormattedText1"> "TextElement2" pin [In]
9. Tilslut "DecodeDateTime1" pin [Second] til "FormattedText1"> "TextElement3" pin [In]
10. Tilslut "FormattedText1" pin [Out] til "M5 Stack Stick C" board> "Display ST7735"> "Text Field1" pin [In]
11. Tilslut "Counter1" pin [Out] til "ClockDemmux1" pin [Select] og til "Array1" pin [Index]
12. Tilslut "Counter2" pin [Out] til "Array2" pin [Index]
13. Tilslut "Array1" pin [Out] til "M5 Stack Stick C" board> "Display ST7735"> "Text Field2" pin [In]
14. Tilslut "Array2" pin [Out] til "M5 Stack Stick C" board> "Display ST7735"> pin [Brightness]
15. Tilslut "ClockDemmux1" pin [1] til "M5 Stack Stick C" bord> "Real Time Alarm Clock (RTC)"> "Set Hour1" pin [Clock]
16. Tilslut "ClockDemmux1" pin [2] til "M5 Stack Stick C" bord> "Real Time Alarm Clock (RTC)"> "Set Minute1" pin [Clock]
17. Tilslut "ClockDemmux1" pin [3] til "M5 Stack Stick C" bord> "Real Time Alarm Clock (RTC)"> "Set Second1" pin [Clock]
18. Tilslut "ClockDemmux1" pin [4] til "Counter2" pin [In]

Trin 7: 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 8: Spil

Hvis du tænder for M5Sticks -modulet, skal displayet begynde at vise tiden. Du kan ændre tid og lysstyrke ved hjælp af knapperne "B" for at få vist menuen og skifte mellem (Indstil timer, Indstil minutter, Indstil sekunder, Indstil lysstyrke) og brug knappen "M5" til at indstille den.

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: