Talaan ng mga Nilalaman:
- Hakbang 1: Ano ang Kakailanganin Mo
- Hakbang 2: Simulan ang Visuino, at Piliin ang M5 Stack Stick C Board Type
- Hakbang 3: Sa Visuino Idagdag at Itakda ang Mga Bahagi
- Hakbang 4: Sa Mga Component ng Visuino Set
- Hakbang 5: Sa Mga Component ng Visuino Connect
- Hakbang 6: Bumuo, Mag-compile, at Mag-upload ng Arduino Code
- Hakbang 7: Maglaro
- Hakbang 8: Dagdag: Simpleng Trick
- Hakbang 9: Sa Susunod na Tutorial.
Video: DIY Paano Ipakita ang Oras sa M5StickC ESP32 Paggamit ng Visuino - Madaling Gawin: 9 Mga Hakbang
2025 May -akda: John Day | [email protected]. Huling binago: 2025-01-13 06:58
Sa tutorial na ito matututunan namin kung paano i-program ang ESP32 M5Stack StickC na may Arduino IDE at Visuino upang Maipakita ang oras sa LCD.
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 dayalogo, piliin ang "M5 Stack Stick C" tulad ng ipinakita sa Larawan 2
Hakbang 3: Sa Visuino Idagdag at Itakda ang Mga Bahagi
- Mag-click sa "M5 Stack Stick C" Board upang mapili ito
- Sa window ng "Properties" piliin ang "Modules" at i-click ang "+" upang Palawakin, Piliin ang "Display ST7735" at i-click ang "+" upang palawakin ito
- Itakda ang Oryentasyon sa "goRight" <nangangahulugan ito kung paano ang oras ay mai-orient sa LCD
- Piliin ang "Mga Elemento" at mag-click sa asul na pindutan na may 3 tuldok …
- Ipapakita ang Mga Elementong Dialog
- Sa Mga Elemento ng Dialog i-drag ang "Text Field" mula sa kanang bahagi hanggang kaliwa
Mag-click sa "Text Field1" sa kaliwang bahagi upang piliin ito, pagkatapos ay sa "Properties window" mag-click sa kulay at itakda ito sa "aclOrange"
-Gayundin sa mga katangian ng windows set X: 10 at Y: 20 dito ko nais ipakita ang oras sa LCD
-set laki: 3 ito ang laki ng font ng oras
-Maaari mong itakda ang laki ng teksto at kulay kung nais mo
Isara ang window ng mga elemento
Opsyonal:
Mag-click sa "M5 Stack Stick C" Board upang mapili ito
Sa window ng "Properties" piliin ang "Modules" at i-click ang "+" upang Palawakin, Piliin ang "Display ST7735" at i-click ang "+" upang palawakin ito at makikita mo ang "Kulay ng background" ito ang default na kulay ng display, baguhin ito sa ang iyong paboritong kulay, maaari mong i-set ang liwanag ng display, ang default ay 1 (max) maaari mo itong itakda sa 0.5 o ilang iba pang halaga upang gawin itong mas malabo
6. Idagdag ang sangkap na "I-decode (Hatiin) Petsa / Oras" 7. Idagdag ang sangkap na "Na-format na teksto."
Hakbang 4: Sa Mga Component ng Visuino Set
- Piliin ang sangkap na "FormattedTxt1" at sa ilalim ng window ng "Properties" itakda ang "Text" sa:% 0:% 1:% 2
- Mag-double click sa sangkap na "FormattedText1" at sa dialog ng Mga Elemento i-drag ang 3x "Elementong Text" sa kaliwa
Hakbang 5: Sa Mga Component ng Visuino Connect
- Ikonekta ang "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> I-pin [Out] sa "DecodeDateTime1" na pin na sangkap [Sa]
- Ikonekta ang sangkap na "DecodeDateTime1" na pin [Oras] sa "FormattedText1" sangkap na "TextElement1" pin [In]
- Ikonekta ang sangkap na "DecodeDateTime1" na pin [Minuto] sa "FormattedText1" na sangkap na "TextElement2" pin [In]
- Ikonekta ang sangkap na "DecodeDateTime1" na pin [Pangalawa] sa "FormattedText1" sangkap na "TextElement3" pin [Sa]
- Ikonekta ang sangkap na "FormattedText1" na pin [Out] sa "M5 Stack Stick C" board "Display ST7735"> "Text Field1" pin [In]
Hakbang 6: 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 7: Maglaro
Kung pinapagana mo ang M5Sticks module, dapat na simulang ipakita ang oras.
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:
Hakbang 8: Dagdag: Simpleng Trick
Maaari mong gamitin ang kasalukuyang oras na nasa iyong computer sa sandaling naayos mo ang code sa Arduino.
Upang gawin iyon ay i-drop lamang ang isang sangkap na "Mag-compile ng Petsa / Oras" at ikonekta ito sa "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Itakda]
Maaari mong i-download ang file ng Project gamit ang trick na ito dito.
Hakbang 9: Sa Susunod na Tutorial.
Sa susunod na tutorial ipapakita ko sa iyo kung paano gumawa ng isang Cool Naghahanap ng relo kung saan maaari mong itakda ang oras gamit ang mga pindutan ng StickC! Manatiling nakatutok at suriin ang aking iba pang mga tutorial dito.