M5StickC Cool Naghahanap ng Manood Gamit ang isang Menu at Liwanag Control: 8 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:10

Sa tutorial na ito matututunan namin kung paano i-program ang ESP32 M5Stack StickC na may Arduino IDE at Visuino upang Ipakita ang isang oras sa LCD at itakda din ang oras at ang ningning gamit ang menu at ang mga pindutan ng StickC.

Manood ng isang demonstration video.

Hakbang 1: Ano ang Kakailanganin Mo

M5StickC ESP32: maaari mo itong makuha dito

Programa ng Visuino: I-download ang Visuino

Tandaan: Suriin ang tutorial na ito dito sa kung paano Mag-install ng board ng StickC ESP32

Hakbang 2: Simulan ang Visuino, at Piliin ang M5 Stack Stick C Board Type

Simulan ang Visuino tulad ng ipinakita sa unang larawan Mag-click sa pindutang "Mga Tool" sa bahagi ng Arduino (Larawan 1) sa Visuino Kapag lumitaw ang dialog, piliin ang "M5 Stack Stick C" tulad ng ipinakita sa Larawan 2

Hakbang 3: Sa Visuino Itakda ang StickC Board

1. Mag-click sa "M5 Stack Stick C" Board upang mapili ito
2. Sa window ng "Properties" piliin ang "Mga Modyul" at i-click ang "+" upang Palawakin,
3. Piliin ang "Display ST7735" at i-click ang "+" upang palawakin ito,
4. Itakda ang "Orientation" sa "goRight"
5. Itakda ang "Kulay sa Background" sa "ClBlack"
6. Piliin ang "Mga Elemento" at mag-click sa asul na pindutan na may 3 tuldok …
7. Ipapakita ang Mga Elementong Dialog
8. Sa Mga Elemento ng Dialog i-drag ang 2X "Text Field" mula sa kanang bahagi hanggang kaliwa
9. Mag-click sa "Text Field1" sa kaliwang bahagi upang mapili ito, pagkatapos ay sa "Properties window" mag-click sa "Kulay" at itakda ito sa "aclOrange" at mag-click sa "Punan ang Kulay" at itakda ito sa "aclBlack" (Ikaw Maaari mong i-play ang mga kulay kung nais mo) -dagdag din sa mga katangian ng windows set X: 10 at Y: 20 dito mo nais ipakita ang oras sa laki ng LCD-set: 3 (ito ang laki ng font ng oras)
10. Mag-click sa "Text Field2" sa kaliwang bahagi upang piliin ito, pagkatapos ay sa "Properties window" mag-click sa "Kulay" at itakda ito sa "aclAqua" at mag-click sa "Punan ang Kulay" at itakda ito sa "aclBlack"

(Maaari mong i-play ang mga kulay kung nais mo) -set ang "Paunang Halaga" upang: Itakda ang ORAS

-Gayundin sa mga katangian ng windows set X: 10 at Y: 2 dito ko nais na ipakita ang menu sa laki ng LCD -set: 1 (ito ang laki ng font ng menu)

Isara ang window ng mga elemento

1. Mag-click sa "M5 Stack Stick C" Board upang mapili ito
2. Sa window ng "Properties" piliin ang "Mga Modyul" at i-click ang "+" upang Palawakin,
3. Piliin ang "Display Real Time Alarm Clock (RTC)" at i-click ang "+" upang palawakin ito,
4. Piliin ang "Mga Elemento" at mag-click sa asul na pindutan na may 3 tuldok …
5. Sa Elemen Dialog i-drag ang "Itakda ang Oras" mula sa kanang bahagi patungo sa kaliwa at sa window ng mga pag-aari itakda ang "Magdagdag ng Halaga" sa: Tama at "Halaga" sa: 1
6. Sa Elemen Dialog i-drag ang "Itakda ang Minuto" mula sa kanang bahagi patungo sa kaliwa at sa window ng mga pag-aari itakda ang "Magdagdag ng Halaga" sa: Tama at "Halaga" sa: 1
7. Sa Mga Elemento ng Dialog i-drag ang "Itakda ang Pangalawa" mula sa kanang bahagi patungo sa kaliwa at sa window ng mga pag-aari itakda ang "Magdagdag ng Halaga" sa: Tama at "Halaga" sa: 1

Isara ang window ng mga elemento

Hakbang 4: Sa Visuino Magdagdag ng Mga Bahagi

1. Magdagdag ng 2x sangkap na "I-debalo ang Button"
2. Idagdag ang sangkap na "Auto Repeat Button"
3. Magdagdag ng sangkap na "Text Array"
4. Magdagdag ng sangkap na "Analog Array"
5. Magdagdag ng 2x sangkap na "Counter"
6. Idagdag ang sangkap na "Clock Demux (Multiple Output channel Switch)
7. Idagdag ang sangkap na "I-decode (Hatiin) Petsa / Oras"
8. Idagdag ang sangkap na "FormattedText1"

Hakbang 5: Sa Mga Component ng Visuino Set

1. Piliin ang sangkap na "FormattedText1" at sa ilalim ng window ng "Properties" itakda ang "Text" sa:% 0:% 1:% 2
2. Mag-double click sa sangkap na "FormattedText1" at sa dialog ng Mga Elemento i-drag ang 3x "Elementong Text" sa kaliwa
3. Piliin ang "TextElement1" sa kaliwang bahagi at sa window ng mga pag-aari itakda ang "Punan ang Character" sa: 0 at "Haba" sa: 2
4. Piliin ang "TextElement2" sa kaliwang bahagi at sa window ng mga pag-aari itakda ang "Punan ang Character" sa: 0 at "Haba" sa: 2
5. Piliin ang "TextElement3" sa kaliwang bahagi at sa window ng mga pag-aari itakda ang "Punan ang Character" sa: 0 at "Haba" sa: 2
6. Piliin ang sangkap na "ClockDemmux1" at sa window ng mga pag-aari itakda ang "Mga Output Pins" sa: 5
7. Piliin ang sangkap na "Counter1" at sa window ng mga pag-aari palawakin ang "Max" at itakda ang "Halaga" sa: 4
8. Piliin ang sangkap na "Counter1" at sa window ng mga pag-aari palawakin ang "Min" at itakda ang "Halaga" sa: 0
9. Piliin ang sangkap na "Counter2" at sa window ng mga pag-aari palawakin ang "Max" at itakda ang "Halaga" sa: 6
10. Piliin ang sangkap na "Counter2" at sa window ng mga pag-aari palawakin ang "Min" at itakda ang "Halaga" sa: 0BUILDING THE MENU:
11. Piliin ang sangkap na "Array1" (Text Array) at i-double click dito.-Sa mga window ng elemento i-drag ang 4X "Halaga" sa kaliwang bahagi-Sa kaliwang bahagi Piliin ang "Item [1]" at sa window ng mga pag-aari itakda ang "Halaga" sa: SET HOURS-Sa kaliwang bahagi Piliin ang "Item [2]" at sa window ng mga pag-aari itakda ang "Halaga" sa: SET MINUTES-Sa kaliwang bahagi Piliin ang "Item [3]" at sa window ng mga pag-aari itakda ang "Halaga" sa: SET SECONDS-Sa kaliwang bahagi Piliin ang "Item [4]" at sa window ng mga pag-aari itakda ang "Halaga" sa: SET SET BRIGHTNESSSara ang window ng Mga Elemento. PAGTATAKO NG MGA HALAGA PARA SA KARAPATAN:

12. Piliin ang sangkap na "Array2" (Analog Array) at i-double click dito.-Sa mga window ng elemento ay i-drag ang 6X "Halaga" sa kaliwang bahagi-Sa kaliwang bahagi Piliin ang "Item [0]" at sa window ng mga pag-aari itakda ang "Halaga" sa: 1

    -Oo sa kaliwang bahagi Piliin ang "Item [1]" at sa window ng mga pag-aari itakda ang "Halaga" sa: 0.9

    -Ang kaliwang bahagi Piliin ang "Item [2]" at sa window ng mga pag-aari itakda ang "Halaga" sa: 0.8 -Ong kaliwang bahagi Piliin ang "Item [3]" at sa window ng mga pag-aari itakda ang "Halaga" sa: 0.7-On sa kaliwang bahagi Piliin ang "Item [4]" at sa window ng mga pag-aari itakda ang "Halaga" sa: 0.6-Sa kaliwang bahagi Piliin ang "Item [5]" at sa window ng mga pag-aari itakda ang "Halaga" sa: 0.55

Hakbang 6: Sa Mga Component ng Visuino Connect

1. Ikonekta ang "M5 Stack Stick C" pin A (M5) sa "Button2" pin [In]
2. Ikonekta ang "M5 Stack Stick C" pin [B] sa "Button1" pin [In]
3. Ikonekta ang "Button2" na pin [Out] sa 'Repeat Button1 "pin [In]
4. Ikonekta ang "Repeat Button1" pin [Out] sa "ClockDemmux1" pin [In]
5. Ikonekta ang "Button1" pin [Out] sa "Counter1" pin [In]
6. Ikonekta ang "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Out] sa "DecodeDateTime1" pin [In]
7. Ikonekta ang "DecodeDateTime1" pin [Hour] sa "FormattedText1"> "TextElement1" pin [In]
8. Ikonekta ang "DecodeDateTime1" pin [Minute] sa "FormattedText1"> "TextElement2" pin [In]
9. Ikonekta ang "DecodeDateTime1" pin [Pangalawa] sa "FormattedText1"> "TextElement3" pin [In]
10. Ikonekta ang "FormattedText1" pin [Out] sa "M5 Stack Stick C" board> "Display ST7735"> "Text Field1" pin [In]
11. Ikonekta ang "Counter1" pin [Out] sa "ClockDemmux1" pin [Select] at sa "Array1" pin [Index]
12. Ikonekta ang "Counter2" pin [Out] sa "Array2" pin [Index]
13. Ikonekta ang "Array1" pin [Out] sa "M5 Stack Stick C" board> "Display ST7735"> "Text Field2" pin [In]
14. Ikonekta ang "Array2" na pin [Out] sa board na "M5 Stack Stick C"> "Display ST7735"> pin [Liwanag]
15. Ikonekta ang "ClockDemmux1" pin [1] sa "M5 Stack Stick C" board> "Real Time Alarm Clock (RTC)"> "Itakda ang Oras1" na pin [Clock]
16. Ikonekta ang "ClockDemmux1" pin [2] sa "M5 Stack Stick C" board> "Real Time Alarm Clock (RTC)"> "Itakda ang Minute1" na pin [Clock]
17. Ikonekta ang "ClockDemmux1" pin [3] sa "M5 Stack Stick C" board> "Real Time Alarm Clock (RTC)"> "Itakda ang Second1" pin [Clock]
18. Ikonekta ang "ClockDemmux1" pin [4] sa "Counter2" pin [In]

Hakbang 7: Bumuo, Mag-compile, at Mag-upload ng Arduino Code

Sa Visuino, sa ibabang pag-click sa "Build" Tab, tiyakin na napili ang tamang port, pagkatapos ay mag-click sa pindutang "Compile / Build and Upload".

Hakbang 8: Maglaro

Kung pinapagana mo ang M5Sticks module, dapat na simulang ipakita ang oras. Maaari mong baguhin ang oras at ningning gamit ang mga pindutan na "B" upang ipakita ang Menu at paglipat sa pagitan ng (Itakda ang Mga Oras, Itakda ang Mga Minuto, Itakda ang Segundo, Itakda ang Liwanag) at gamitin ang pindutan na "M5" para sa pagtatakda nito.

Binabati kita! Nakumpleto mo na ang iyong proyekto sa M5Sticks kasama ang Visuino. Nakalakip din ang proyekto ng Visuino, na nilikha ko para sa Instructable na ito, maaari mo itong i-download dito. Maaari mong i-download at buksan ito sa Visuino: