DIY Cum să afișezi timpul pe M5StickC ESP32 folosind Visuino - Ușor de făcut: 9 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:41

În acest tutorial vom învăța cum să programăm ESP32 M5Stack StickC cu Arduino IDE și Visuino pentru a afișa ora pe ecranul LCD.

Pasul 1: De ce veți avea nevoie

1. M5StickC ESP32: îl puteți obține aici
2. Programul Visuino: Descărcați Visuino

Notă: Consultați acest tutorial aici despre cum să instalați placa StickC ESP32

Pasul 2: Porniți Visuino și selectați tipul de placă M5 Stack Stick C

Porniți Visuino așa cum se arată în prima imagine Faceți clic pe butonul „Instrumente” de pe componenta Arduino (Imaginea 1)

în Visuino Când apare dialogul, selectați „M5 Stack Stick C” așa cum se arată în imaginea 2

Pasul 3: În Visuino Adăugați și setați componente

1. Faceți clic pe placa „M5 Stack Stick C” pentru ao selecta
2. În fereastra „Proprietăți” selectați „Module” și faceți clic pe „+” pentru a extinde, selectați „Afișare ST7735” și faceți clic pe „+” pentru ao extinde
3. Setați Orientare la „goRight” <aceasta înseamnă modul în care timpul va fi orientat pe ecranul LCD
4. Selectați „Elemente” și faceți clic pe butonul albastru cu 3 puncte …
5. Se va afișa fereastra de dialog Elements
6. În fereastra de dialog Elemente, trageți „Câmp text” din partea dreaptă spre stânga

Faceți clic pe „Câmpul de text1” din partea stângă pentru al selecta, apoi în „Fereastra de proprietăți” faceți clic pe culoare și setați-l la „aclOrange”

-de asemenea, în ferestrele de proprietăți setați X: 10 și Y: 20 aici doriți să afișați ora pe ecranul LCD

-set size: 3 aceasta este dimensiunea fontului timpului

-Puteți seta dimensiunea și culoarea textului dacă doriți

Închideți fereastra elementelor

Opțional:

Faceți clic pe placa „M5 Stack Stick C” pentru a o selecta

În fereastra "Proprietăți" selectați "Module" și faceți clic pe "+" pentru a extinde, selectați "Afișare ST7735" și faceți clic pe "+" pentru ao extinde și veți vedea "Culoare de fundal" aceasta este culoarea implicită a afișajului, schimbați-l în culoarea ta preferată, poți să setezi și luminozitatea afișajului, valoarea implicită este 1 (maxim) o poți seta la 0,5 sau o altă valoare pentru a o face mai slabă

6. Adăugați componenta „Decodează (Split) Data / Ora” 7. Adăugați componenta „Text formatat”

Pasul 4: În Visuino Set Components

1. Selectați componenta „FormattedTxt1” și sub fereastra „Proprietăți” setați „Text” la:% 0:% 1:% 2
2. Faceți dublu clic pe componenta „FormattedText1” și în dialogul Elements glisați 3x „Element text” la stânga

Pasul 5: În componentele Visuino Connect

• Conectați „M5 Stack Stick C”> Ceas cu alarmă în timp real (RTC)> Pin [Out] la pinul componentei „DecodeDateTime1” [In]
• Conectați pinul componentei "DecodeDateTime1" [Ora] la pinul "Componentă formatat Text1" "TextElement1" [În]
• Conectați pinul componentei "DecodeDateTime1" [Minut] la pinul "Componenta formatat Text1" "TextElement2" [În]
• Conectați pinul componentei "DecodeDateTime1" [Second] la pinul "TextElement3" component "FormattedText1" [In]
• Conectați pinul componentei "FormattedText1" [Out] la placa "M5 Stack Stick C" "Afișați ST7735"> pinul "Field Field1" [In]

Pasul 6: Generați, compilați și încărcați codul Arduino

• În Visuino, în partea de jos faceți clic pe fila „Construiți”, asigurați-vă că este selectat portul corect, apoi faceți clic pe butonul „Compilați / Construiți și încărcați”.

Pasul 7: Joacă

Dacă porniți modulul M5Sticks, afișajul ar trebui să înceapă să arate ora.

Felicitări! V-ați finalizat proiectul M5Sticks cu Visuino. De asemenea, este atașat proiectul Visuino, pe care l-am creat pentru acest Instructable, îl puteți descărca de aici.

Puteți să o descărcați și să o deschideți în Visuino:

Pasul 8: Extra: truc simplu

Puteți utiliza ora curentă care era pe computerul dvs. în momentul în care ați compilat codul în Arduino.

Pentru aceasta, aruncați o componentă „Compilați data / ora” și conectați-o la pinul „M5 Stack Stick C”> „Ceas cu alarmă în timp real (RTC)” [Set]

Puteți descărca fișierul Proiect cu acest truc aici.

Pasul 9: În următorul tutorial

În următorul tutorial vă voi arăta cum să creați un ceas Cool Look, unde puteți seta ora folosind butoanele StickC! Rămâneți la curent și consultați celelalte tutoriale ale mele aici.