M5StickC laheda välimusega kell menüü ja heleduse juhtimisega: 8 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:45

Selles õpetuses õpime, kuidas programmeerida ESP32 M5Stack StickC koos Arduino IDE ja Visuinoga, et kuvada kellaaeg LCD -ekraanil ning määrata menüü ja StickC nuppude abil ka kellaaeg ja heledus.

Vaata näidisvideot.

Samm: mida vajate

M5StickC ESP32: saate selle siit

Visuino programm: laadige alla Visuino

Märkus. Vaadake seda õpetust siit, kuidas paigaldada StickC ESP32 plaati

2. samm: käivitage Visuino ja valige M5 Stack Stick C pardatüüp

Visuino käivitamine nagu esimesel pildil

3. samm: seadke Visuino's StickC -plaat

1. Selle valimiseks klõpsake tahvlil "M5 Stack Stick C"
2. Valige aknas "Atribuudid" "Moodulid" ja klõpsake laiendamiseks "+",
3. Valige "Display ST7735" ja klõpsake selle laiendamiseks nuppu "+",
4. Määrake "Orientation" väärtuseks "goRight"
5. Määrake "Taustavärv" väärtuseks "ClBlack"
6. Valige "Elemendid" ja klõpsake kolme punktiga sinist nuppu…
7. Kuvatakse elementide dialoog
8. Elemendi dialoogis lohistage kaks korda tekstivälja paremalt vasakule
9. Selle valimiseks klõpsake vasakul küljel "Tekstiväli1", seejärel klõpsake "Atribuutide aknas" nuppu "Värv" ja määrake see "aclOrange" ning klõpsake "Täida värv" ja seadke see "aclBlack" (soovi korral saab värvidega mängida) -ka atribuutide akendes X: 10 ja Y: 20 on see koht, kus soovite kellaaega kuvada LCD -komplekti suurusel: 3 (see on selle aja fondi suurus)
10. Selle valimiseks klõpsake vasakpoolsel küljel "Tekstiväli2", seejärel klõpsake "Atribuutide aknas" nuppu "Värv" ja määrake see "aclAqua" ning klõpsake "Täida värv" ja määrake "aclBlack"

(Soovi korral saate värvidega mängida) -seadistage "Algväärtus" väärtusele: Määra TUND

-ka atribuutide akendes X: 10 ja Y: 2 siin soovite menüüd LCD -ekraanil kuvada -komplekti suurus: 1 (see on menüü fondisuurus)

Sulgege elementide aken

1. Selle valimiseks klõpsake tahvlil "M5 Stack Stick C"
2. Valige aknas "Atribuudid" "Moodulid" ja klõpsake laiendamiseks "+",
3. Valige "Kuva reaalajas äratuskell (RTC)" ja klõpsake selle laiendamiseks nuppu "+",
4. Valige "Elemendid" ja klõpsake kolme punktiga sinist nuppu…
5. Elemendi dialoogis lohistage "Set Hour" paremalt küljelt vasakule ja atribuutide aknas määrake "Add Value" väärtuseks: True ja "Value" väärtuseks: 1
6. Elemendi dialoogis lohistage "Määra minut" paremalt küljelt vasakule ja atribuutide aknas määrake "Lisa väärtus" väärtuseks: Tõene ja "Väärtus" väärtuseks: 1
7. Elemendi dialoogis lohistage "Set Second" paremalt küljelt vasakule ja atribuutide aknas määrake "Add Value" väärtuseks: True ja "Value" väärtuseks: 1

Sulgege elementide aken

Samm: lisage Visuino komponendid

1. Lisage 2x "Debounce Button" komponent
2. Lisage komponent "Automaatse kordamise nupp"
3. Lisage komponent "Tekstimassiiv"
4. Lisage komponent "Analog Array"
5. Lisage 2x "loenduri" komponent
6. Lisage komponent "Clock Demux (mitme väljundkanali lüliti)"
7. Lisage komponent "Decode (Split) Date/Time"
8. Lisage komponent "FormattedText1"

5. samm: Visuino komplekti komponentides

1. Valige komponent "FormattedText1" ja määrake akna "Atribuudid" all "Tekst" väärtuseks:%0:%1:%2
2. Topeltklõpsake komponenti "FormattedText1" ja lohistage dialoogiboksis Elements 3x "Tekstielement" vasakule
3. Valige vasakul küljel "TextElement1" ja määrake atribuutide aknas "Täitke märk" väärtuseks: 0 ja "Pikkus": 2
4. Valige vasakul küljel "TextElement2" ja määrake atribuutide aknas "Täitke märk" väärtuseks: 0 ja "Pikkus": 2
5. Valige vasakul küljel "TextElement3" ja määrake atribuutide aknas "Täitke märk" väärtuseks: 0 ja "Pikkus": 2
6. Valige komponent "ClockDemmux1" ja määrake atribuutide aknas "Output Pins" väärtuseks: 5
7. Valige komponent "Counter1" ja laiendage atribuutide aknas "Max" ja määrake "Value" väärtuseks: 4
8. Valige komponent "Counter1" ja laiendage atribuutide aknas "Min" ja määrake "Value" väärtuseks: 0
9. Valige komponent "Counter2" ja laiendage atribuutide aknas "Max" ja määrake "Value" väärtuseks: 6
10. Valige komponent "Counter2" ja laiendage atribuutide aknas "Min" ja määrake "Value" väärtuseks: 0 MENÜÜ EHITAMINE:
11. Valige komponent "Array1" (tekstimassiiv) ja topeltklõpsake seda.-Lohistage elementide aknas 4X "Value" vasakule-vasakul valige "Item [1]" ja atribuutide aknas "Value" kuni: SET HOURS-Vasakul küljel valige "Item [2]" ja määrake atribuutide aknas "Value" väärtuseks: SET MINUTES-Vasakul valige "Item [3]" ja atribuutide aknas "Value" to: SET SECONDS-Valige vasakul küljel "Item [4]" ja määrake atribuutide aknas "Value" väärtuseks: SET BRIGHTNESS

12. Valige komponent "Array2" (analoogmassiiv) ja topeltklõpsake seda.-Lohistage elementide aknas 6X "Value" vasakule-vasakul valige "Item [0]" ja atribuutide aknas "Value" kuni: 1

    -Valige vasakul küljel "Üksus [1]" ja määrake atribuutide aknas "Väärtus" väärtuseks: 0.9

    -Valige vasakul küljel "Üksus [2]" ja määrake atribuutide aknas "Väärtus" väärtuseks: 0,8 -Valige vasakul küljel "Üksus [3]" ja atribuutide aknas määrake "Väärtus" väärtuseks: 0.7 -Sees vasakul küljel Valige "Üksus [4]" ja määrake atribuutide aknas "Väärtus" väärtuseks: 0.6-Valige vasakul küljel "Üksus [5]" ja atribuutide aknas määrake "Väärtus" väärtuseks: 0.55

6. samm: Visuino Connecti komponentides

1. Ühendage "M5 Stack Stick C" tihvt A (M5) "Button2" tihvtiga [In]
2. Ühendage "M5 Stack Stick C" tihvt [B] "Button1" tihvtiga [In]
3. Ühendage "Button2" tihvt [Out] 'RepeatButton1 "tihvtiga [In]
4. Ühendage "RepeatButton1" tihvt [väljund] "ClockDemmux1" tihvtiga [sisse]
5. Ühendage "Button1" tihvt [väljund] "Counter1" tihvtiga [In]
6. Ühendage "M5 Stack Stick C"> "Reaalajas äratuskell (RTC)" tihvt [väljund] "DecodeDateTime1" tihvtiga [sisse]
7. Ühendage "DecodeDateTime1" nööpnõel [tund] "FormattedText1"> "TextElement1" tihvtiga [In]
8. Ühendage "DecodeDateTime1" pin [Minute] "FormattedText1"> "TextElement2" pin [In]
9. Ühendage "DecodeDateTime1" tihvt [teine] "FormattedText1"> "TextElement3" tihvtiga [In]
10. Ühendage "FormattedText1" tihvt [väljund] tahvliga "M5 Stack Stick C"> "Display ST7735"> "Text Field1" pin [In]
11. Ühendage "Counter1" pin [Out] "ClockDemmux1" tihvtiga [Select] ja "Array1" pin [Index]
12. Ühendage "Counter2" tihvt [väljund] "Array2" tihvtiga [indeks]
13. Ühendage "Array1" tihvt [väljund] tahvliga "M5 Stack Stick C"> "Display ST7735"> "Text Field2" pin [In]
14. Ühendage "Array2" tihvt [väljund] "M5 Stack Stick C" plaadiga> "Display ST7735"> tihvt [Heledus]
15. Ühendage "ClockDemmux1" tihvt [1] "M5 Stack Stick C" plaadiga> "Reaalajas äratuskell (RTC)"> "Määra tund 1" tihvt [Kell]
16. Ühendage "ClockDemmux1" tihvt [2] plaadiga "M5 Stack Stick C"> "Reaalajas äratuskell (RTC)"> "Määra minut 1" tihvt [Kell]
17. Ühendage "ClockDemmux1" tihvt [3] "M5 Stack Stick C" plaadiga> "Reaalajas äratuskell (RTC)"> "Set Second1" pin [Clock]
18. Ühendage "ClockDemmux1" tihvt [4] "Counter2" tihvtiga [In]

Samm: looge, kompileerige ja laadige üles Arduino kood

Visuino puhul klõpsake allosas vahekaarti "Ehita", veenduge, et valitud on õige port, seejärel klõpsake nuppu "Kompileeri/ehita ja laadige üles".

8. samm: mängige

Kui lülitate M5Sticks mooduli toite sisse, peaks ekraan näitama kellaaega. Aega ja heledust saate muuta nuppudega "B", et kuvada menüü ja vahetada (Määra tunnid, Määra minutid, Määra sekundid, Määra heledus) ja kasutage selle seadistamiseks nuppu "M5".

Palju õnne! Olete oma M5Sticks projekti Visuinoga lõpetanud. Lisatud on ka Visuino projekt, mille ma selle Instructable jaoks lõin, saate selle siit alla laadida. Saate selle alla laadida ja avada Visuinos: