Përmbajtje:

DIY Si të shfaqni kohën në M5StickC ESP32 duke përdorur Visuino - Lehtë për tu bërë: 9 hapa
DIY Si të shfaqni kohën në M5StickC ESP32 duke përdorur Visuino - Lehtë për tu bërë: 9 hapa

Video: DIY Si të shfaqni kohën në M5StickC ESP32 duke përdorur Visuino - Lehtë për tu bërë: 9 hapa

Video: DIY Si të shfaqni kohën në M5StickC ESP32 duke përdorur Visuino - Lehtë për tu bërë: 9 hapa
Video: Using HT16K33 4 digit seven segment display with ESP32 2024, Nëntor
Anonim

Në këtë tutorial do të mësojmë se si të programojmë ESP32 M5Stack StickC me Arduino IDE dhe Visuino për të shfaqur kohën në LCD.

Hapi 1: Çfarë ju nevojitet

Ajo që do t'ju duhet
Ajo që do t'ju duhet
Ajo që do t'ju duhet
Ajo që do t'ju duhet
  1. M5StickC ESP32: mund ta merrni këtu
  2. Programi Visuino: Shkarkoni Visuino

Shënim: Shikoni këtë tutorial këtu se si të instaloni bordin StickC ESP32

Hapi 2: Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C

Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C
Filloni Visuino dhe zgjidhni llojin e bordit M5 Stack Stick C

Filloni Visuino siç tregohet në foton e parë Klikoni në butonin "Tools" në përbërësin Arduino (Figura 1)

në Visuino Kur shfaqet dialogu, zgjidhni "M5 Stack Stick C" siç tregohet në Figurën 2

Hapi 3: Në Visuino Shtoni dhe Vendosni Komponentët

Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
Në Visuino Shtoni dhe Vendosni Komponentët
  1. Klikoni në tabelën "M5 Stack Stick C" për ta zgjedhur atë
  2. Në dritaren "Properties" zgjidhni "Modulet" dhe klikoni "+" për të zgjeruar, zgjidhni "Display ST7735" dhe klikoni "+" për ta zgjeruar atë
  3. Vendosni Orientimin në "goRight" <kjo do të thotë se si do të orientohet koha në LCD
  4. Zgjidhni "Elementet" dhe klikoni në butonin blu me 3 pika…
  5. Dialogu i elementeve do të tregojë
  6. Në Dialogun e Elementeve tërhiqni "Fusha e Tekstit" nga ana e djathtë në të majtë

Klikoni në "Fusha e Tekstit1" në anën e majtë për ta zgjedhur atë, pastaj në "Dritaren e pronave" klikoni mbi ngjyrën dhe vendoseni në "aclOrange"

-gjithashtu në dritaret e pronave të vendosura X: 10 dhe Y: 20 kjo është ajo ku dëshironi të shfaqni kohën në LCD

-masa e vendosur: 3 kjo është madhësia e fontit të kohës

-Mund të vendosni madhësinë dhe ngjyrën e tekstit

Mbyllni dritaren e elementeve

Opsionale:

Klikoni në tabelën "M5 Stack Stick C" për ta zgjedhur atë

Në dritaren "Properties" zgjidhni "Modulet" dhe klikoni "+" për të zgjeruar, zgjidhni "Display ST7735" dhe klikoni "+" për ta zgjeruar atë dhe do të shihni "Ngjyra e sfondit" kjo është ngjyra e paracaktuar e ekranit, ndryshojeni atë ngjyra juaj e preferuar, mund të vendosni edhe ndriçimin e ekranit, parazgjedhja është 1 (max) mund ta vendosni në 0.5 ose ndonjë vlerë tjetër për ta bërë atë më të zbehtë

6. Shto komponentin "Dekodo (Ndar) Data/Ora" 7. Shto komponentin "Tekst i formatuar"

Hapi 4: Në Komponentët e Visuino Set

Në Visuino Set Components
Në Visuino Set Components
Në Visuino Set Components
Në Visuino Set Components
  1. Zgjidhni përbërësin "FormattedTxt1" dhe nën dritaren "Properties" vendosni "Text" në:%0:%1:%2
  2. Klikoni dy herë në përbërësin "FormattedText1" dhe në dialogun Elementet tërhiqni 3x "Elementin e tekstit" në të majtë

Hapi 5: Në Visuino Connect Components

Në Visuino Connect Components
Në Visuino Connect Components
  • Lidhni "M5 Stack Stick C"> Orë alarmi në kohë reale (RTC)> Pin [Out] me pinin e komponentit "DecodeDateTime1" [In]
  • Lidhni pinin e komponentit "DecodeDateTime1" [Orë] me pinin "TextElement1" të komponentit "FormattedText1" [In]
  • Lidhni pinin e komponentit "DecodeDateTime1" [Minute] me pinin "TextElement2" të komponentit "FormattedText1" [In]
  • Lidhni pinin e komponentit "DecodeDateTime1" [E dyta] me komponentin "TextElement3" të komponentit "FormattedText1" [In]
  • Lidhni pinin e komponentit "FormattedText1" [Out] në tabelën "M5 Stack Stick C" "Afisho ST7735"> "Fusha e Tekstit1" pin [In]

Hapi 6: Gjeneroni, përpiloni dhe ngarkoni kodin Arduino

Gjeneroni, përpiloni dhe ngarkoni kodin Arduino
Gjeneroni, përpiloni dhe ngarkoni kodin Arduino
  • Në Visuino, në fund klikoni në skedën "Ndërto", sigurohuni që porti i saktë është zgjedhur, pastaj klikoni në butonin "Përpilo/Ndërto dhe Ngarko".

Hapi 7: Luaj

Nëse aktivizoni modulin M5Sticks, ekrani duhet të fillojë të tregojë kohën.

Urime! Ju keni përfunduar projektin tuaj M5Sticks me Visuino. I bashkangjitur është edhe projekti Visuino, që kam krijuar për këtë Instructable, mund ta shkarkoni këtu.

Mund ta shkarkoni dhe hapni atë në Visuino:

Hapi 8: Extra: Mashtrim i thjeshtë

Extra: Truk i thjeshtë
Extra: Truk i thjeshtë
Extra: Truk i thjeshtë
Extra: Truk i thjeshtë

Mund të përdorni kohën aktuale që ishte në kompjuterin tuaj në momentin që përpiluat kodin në Arduino.

Për ta bërë këtë, thjesht hidhni një komponent "Përpilo datën/kohën" dhe lidhe atë me "M5 Stack Stick C"> "Ora e alarmit në kohë reale (RTC)" pin [Set]

Ju mund ta shkarkoni skedarin e Projektit me këtë truk këtu.

Hapi 9: Në tutorialin tjetër.

Në tutorialin tjetër do t'ju tregoj se si të bëni një orë me pamje të ftohtë ku mund të vendosni kohën duke përdorur butonat StickC! Qëndroni të sintonizuar dhe shikoni mësimet e mia të tjera këtu.

Recommended: