M5StickC vēsa izskata pulkstenis ar izvēlni un spilgtuma kontroli: 8 soļi

2024 Autors: John Day | [email protected]. Pēdējoreiz modificēts: 2024-01-30 10:51

Šajā apmācībā mēs iemācīsimies programmēt ESP32 M5Stack StickC ar Arduino IDE un Visuino, lai parādītu laiku LCD, kā arī iestatītu laiku un spilgtumu, izmantojot izvēlni un StickC pogas.

Noskatieties demonstrācijas video.

1. darbība. Kas jums būs nepieciešams

M5StickC ESP32: to varat iegūt šeit

Visuino programma: lejupielādējiet Visuino

Piezīme: Pārbaudiet šo pamācību šeit par to, kā instalēt StickC ESP32 plati

2. darbība: palaidiet Visuino un atlasiet M5 Stack Stick C plates tipu

Sāciet Visuino, kā parādīts pirmajā attēlā. Visuino noklikšķiniet uz pogas "Rīki" uz Arduino komponenta (1. attēls). Kad tiek parādīts dialoglodziņš, izvēlieties "M5 Stack Stick C", kā parādīts 2. attēlā

3. darbība: Visino iestatiet StickC paneli

1. Noklikšķiniet uz "M5 Stack Stick C" tāfeles, lai to atlasītu
2. Logā "Rekvizīti" atlasiet "Moduļi" un noklikšķiniet uz "+", lai izvērstu,
3. Atlasiet “Display ST7735” un noklikšķiniet uz “+”, lai to izvērstu,
4. Iestatiet "Orientation" uz "goRight"
5. Iestatiet “Fona krāsa” uz “ClBlack”
6. Atlasiet “Elements” un noklikšķiniet uz zilās pogas ar 3 punktiem…
7. Tiks parādīts elementu dialogs
8. Elementu dialoglodziņā velciet 2x teksta lauku no labās puses uz kreiso
9. Kreisajā pusē noklikšķiniet uz "Teksta lauks1", lai to atlasītu, pēc tam logā "Rekvizīti" noklikšķiniet uz "Krāsa" un iestatiet to uz "aclOrange", noklikšķiniet uz "Aizpildīt krāsu" un iestatiet to uz "aclBlack" (Jūs Ja vēlaties, varat spēlēties ar krāsām)
10. Kreisajā pusē noklikšķiniet uz "Teksta lauks2", lai to atlasītu, pēc tam logā "Rekvizīti" noklikšķiniet uz "Krāsa" un iestatiet to uz "aclAqua" un noklikšķiniet uz "Aizpildīt krāsu" un iestatiet to uz "aclBlack"

(Ja vēlaties, varat spēlēties ar krāsām) -iestatiet "Sākotnējā vērtība" uz: Iestatiet HOUR

-arī rekvizītu logos, kas iestatīti X: 10 un Y: 2, šeit vēlaties parādīt izvēlni LCD ekrānā -kopas izmērs: 1 (tas ir izvēlnes fonta lielums)

Aizveriet elementu logu

1. Noklikšķiniet uz "M5 Stack Stick C" tāfeles, lai to atlasītu
2. Logā "Rekvizīti" atlasiet "Moduļi" un noklikšķiniet uz "+", lai izvērstu,
3. Atlasiet “Rādīt reālā laika modinātāju (RTC)” un noklikšķiniet uz “+”, lai to izvērstu,
4. Atlasiet “Elements” un noklikšķiniet uz zilās pogas ar 3 punktiem…
5. Elementu dialoglodziņā velciet “Iestatīt stundu” no labās puses uz kreiso pusi un rekvizītu logā iestatiet “Pievienot vērtību” uz: Patiess un “Vērtība” uz: 1
6. Elementu dialoglodziņā velciet “Iestatīt minūti” no labās puses uz kreiso pusi un rekvizītu logā iestatiet “Pievienot vērtību” uz: Patiesa un “Vērtība” uz: 1
7. Elementu dialoglodziņā velciet "Set Second" no labās puses uz kreiso pusi un rekvizītu logā iestatiet "Add Value" uz: True un "Value" uz: 1

Aizveriet elementu logu

4. darbība: Visino pievienojiet komponentus

1. Pievienojiet 2x komponentu "Atlēciena poga"
2. Pievienojiet komponentu "Automātiskās atkārtošanas poga"
3. Pievienojiet komponentu "Teksta masīvs"
4. Pievienojiet komponentu "Analog Array"
5. Pievienojiet 2x "skaitītāja" komponentu
6. Pievienojiet komponentu "Clock Demux (vairāku izejas kanālu slēdzis)"
7. Pievienojiet komponentu "Atšifrēt (sadalīt) datumu/laiku"
8. Pievienojiet komponentu "FormattedText1"

5. darbība: Visuino komplekta komponentos

1. Atlasiet komponentu "FormattedText1" un logā "Rekvizīti" iestatiet "Teksts" uz:%0:%1:%2
2. Veiciet dubultklikšķi uz komponenta "FormattedText1" un dialoglodziņā Elements velciet 3x "Teksta elements" pa kreisi
3. Kreisajā pusē atlasiet "TextElement1" un rekvizītu logā iestatiet "Aizpildīt rakstzīmi" uz: 0 un "Garums" uz: 2
4. Kreisajā pusē atlasiet "TextElement2" un rekvizītu logā iestatiet "Aizpildīt rakstzīmi" uz: 0 un "Garums" uz: 2
5. Kreisajā pusē atlasiet "TextElement3" un rekvizītu logā iestatiet "Aizpildīt rakstzīmi" uz: 0 un "Garums" uz: 2
6. Atlasiet komponentu "ClockDemmux1" un rekvizītu logā iestatiet "Izvades tapas" uz: 5
7. Atlasiet komponentu "Counter1" un rekvizītu logā izvērsiet "Max" un iestatiet "Value" uz: 4
8. Atlasiet "Counter1" komponentu un rekvizītu logā izvērsiet "Min" un iestatiet "Value" uz: 0
9. Atlasiet "Counter2" komponentu un rekvizītu logā izvērsiet "Max" un iestatiet "Value" uz: 6
10. Atlasiet "Counter2" komponentu un rekvizītu logā izvērsiet "Min" un iestatiet "Value" uz: 0BUILDING THE MENU:
11. Atlasiet komponentu "Masīvs1" (Teksta masīvs) un veiciet dubultklikšķi uz tā.-Elementu logā velciet 4X "Vērtība" pa kreisi-Kreisajā pusē atlasiet "Vienums [1]" un rekvizītu loga komplektā "Vērtība" līdz: SET HOURS-Kreisajā pusē atlasiet "Item [2]" un rekvizītu loga iestatiet "Value" uz: SET MINUTES-Kreisajā pusē izvēlieties "Item [3]" un rekvizītu loga komplektā "Value" līdz: SET SECONDS-Kreisajā pusē izvēlieties "Item [4]" un rekvizītu loga iestatiet "Value" uz: SET BRIGHTNESS

12. Atlasiet komponentu "Array2" (Analog Array) un veiciet dubultklikšķi uz tā.-Elementu logā velciet 6X "Value" uz kreiso pusi-Kreisajā pusē atlasiet "Item [0]" un rekvizītu loga komplektā "Value" līdz: 1

    -Kreisajā pusē izvēlieties "Item [1]" un rekvizītu logā iestatiet "Value" uz: 0.9

    -Kreisajā pusē atlasiet "Vienums [2]" un rekvizītu loga iestatiet "Vērtība" uz: 0,8 -Kreisajā pusē izvēlieties "Vienums [3]" un rekvizītu loga komplektā "Vērtība" uz: 0.7 -Ieslēgts kreisajā pusē Izvēlieties "Item [4]" un rekvizītu loga iestatiet "Value" uz: 0.6-Kreisajā pusē izvēlieties "Item [5]" un rekvizītu loga kopā "Value" uz: 0.55

6. darbība: Visuino Connect komponentos

1. Pievienojiet "M5 Stack Stick C" tapu A (M5) ar "Button2" tapu [In]
2. Pievienojiet "M5 Stack Stick C" tapu [B] "Button1" tapai [In]
3. Pievienojiet "Button2" tapu [Out] "RepeatButton1" tapai [In]
4. Pievienojiet "RepeatButton1" tapu [izeja] ar "ClockDemmux1" tapu [ieeja]
5. Pievienojiet "Button1" tapu [Out] ar "Counter1" pin [In]
6. Pievienojiet taustiņu "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" tapu [izeja] ar "DecodeDateTime1" tapu [ieeja]
7. Pievienojiet "DecodeDateTime1" tapu [stunda] ar "FormattedText1"> "TextElement1" tapu [In]
8. Pievienojiet "DecodeDateTime1" tapu [minūte] ar "FormattedText1"> "TextElement2" tapu [In]
9. Pievienojiet "DecodeDateTime1" tapu [otrā] ar "FormattedText1"> "TextElement3" tapu [In]
10. Pievienojiet "FormattedText1" tapu [izeja] pie "M5 Stack Stick C" plates> "Display ST7735"> "Text Field1" pin [In]
11. Pievienojiet "Counter1" tapu [Out] "ClockDemmux1" tapai [Select] un "Array1" pin [Index]
12. Pievienojiet "Counter2" tapu [izeja] ar "Array2" tapu [rādītājs]
13. Pievienojiet "Array1" tapu [izeja] pie "M5 Stack Stick C" plates> "Display ST7735"> "Text Field2" pin [In]
14. Pievienojiet "Array2" tapu [izeja] pie "M5 Stack Stick C" plates> "Display ST7735"> tapa [Brightness]
15. Pievienojiet "ClockDemmux1" tapu [1] pie "M5 Stack Stick C" plates> "Real Time Alarm Clock (RTC)"> "Set Hour1" pin [Clock]
16. Pievienojiet "ClockDemmux1" tapu [2] pie "M5 Stack Stick C" plates> "Real Time Alarm Clock (RTC)"> "Set Minute1" pin [Clock]
17. Pievienojiet "ClockDemmux1" tapu [3] pie "M5 Stack Stick C" plates> "Real Time Alarm Clock (RTC)"> "Set Second1" pin [Clock]
18. Pievienojiet "ClockDemmux1" tapu [4] ar "Counter2" tapu [In]

7. darbība: ģenerējiet, apkopojiet un augšupielādējiet Arduino kodu

Vietnē Visuino apakšā noklikšķiniet uz cilnes "Būvēt", pārliecinieties, vai ir atlasīts pareizais ports, pēc tam noklikšķiniet uz pogas "Kompilēt/veidot un augšupielādēt".

8. solis: spēlējiet

Ja barojat M5Sticks moduli, displejā jāsāk rādīt laiks. Jūs varat mainīt laiku un spilgtumu, izmantojot pogas "B", lai parādītu izvēlni un pārslēgtos starp (iestatīt stundas, iestatīt minūtes, iestatīt sekundes, iestatīt spilgtumu), un izmantojiet pogu "M5", lai to iestatītu.

Apsveicam! Jūs esat pabeidzis savu M5Sticks projektu kopā ar Visuino. Pievienots arī Visuino projekts, kuru es izveidoju šim Instructable, jūs varat to lejupielādēt šeit. To var lejupielādēt un atvērt vietnē Visuino: