Bricolatge Com fer un rellotge d’aspecte fresc - StickC - Fàcil de fer: 8 passos

2025 Autora: John Day | [email protected]. Última modificació: 2025-01-23 14:37

En aquest tutorial aprendrem a programar ESP32 M5Stack StickC amb Arduino IDE i Visuino per mostrar una hora a la pantalla LCD i també configurar l'hora mitjançant els botons StickC.

Pas 1: què necessiteu

M5StickC ESP32: el podeu obtenir aquí

Programa Visuino: descarregar Visuino

Nota: Consulteu aquest tutorial aquí sobre com instal·lar la placa StickC ESP32

Pas 2: Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C

Inicieu Visuino com es mostra a la primera imatge Feu clic al botó "Eines" del component Arduino (imatge 1) a Visuino Quan aparegui el quadre de diàleg, seleccioneu "M5 Stack Stick C" tal com es mostra a la imatge 2

Pas 3: a Visuino Afegeix components

1. Feu clic al tauler "M5 Stack Stick C" per seleccionar-lo
2. A la finestra "Propietats", seleccioneu "Mòduls" i feu clic a "+" per expandir,
3. Seleccioneu "Mostra ST7735" i feu clic a "+" per expandir-lo.
4. Estableix "Orientació" a "goRight"
5. Estableix "Color de fons" a "ClBlack"
6. Seleccioneu "Elements" i feu clic al botó blau amb 3 punts …
7. Es mostrarà el quadre de diàleg Elements
8. Al quadre de diàleg Elements, arrossegueu "Camp de text" del costat dret a l'esquerra

9. Feu clic al "Camp de text1" a la part esquerra per seleccionar-lo, després a la "Finestra de propietats" feu clic a "Color" i configureu-lo a "aclWhite" i feu clic a "Color de farciment" i configureu-lo a "aclBlack" (pot jugar amb els colors si voleu)

   -també a les finestres de propietats establertes X: 10 i Y: 20 aquí és on voleu mostrar l'hora a la pantalla LCD -mida del conjunt: 3 (aquesta és la mida de la font de l'hora) Tanqueu la finestra d'elements

10. Afegiu el component "Decodificar (dividir) la data / hora"
11. Afegiu el component "Text formatat"

Pas 4: a Components del conjunt de Visuino

1. Seleccioneu el component "FormattedTxt1" i a la finestra "Propietats" configureu "Text" a:% 0:% 1:% 2
2. Feu doble clic al component "FormatText1" i al quadre de diàleg Elements arrossegueu 3x "Element de text" cap a l'esquerra
3. Seleccioneu el tauler "M5 Stack Stick C" i a la finestra "Propietats" seleccioneu "Mòduls"> "Rellotge despertador en temps real (RTC)"> "Elements"
4. Feu clic al botó blau amb 3 punts i al quadre de diàleg Elements arrossegueu "Estableix hora", "Estableix minut" i "Estableix segon" al costat esquerre
5. Seleccioneu a l'esquerra l'element "Estableix l'hora1" i, a la finestra "Propietats", configureu "Afegeix valor" a "Veritable" i "Valor" a "1".
6. Seleccioneu a l'esquerra l'element "Estableix minut 1" i, a la finestra "Propietats", configureu "Afegeix valor" a "Veritable" i "Valor" a "1".
7. Seleccioneu a l'esquerra l'element "Establir segon1" i, a la finestra "Propietats", configureu "Afegeix valor" a "Veritable" i "Valor" a "1".

Explicació:

"Valor" significa quant volem afegir amb cada clic d'un botó a l'hora existent (ja sigui hores, minuts o segons). "Afegeix valor" significa que volem afegir el valor a l'hora existent

Pas 5: a Components de Visuino Connect

1. Connecteu "M5 Stack Stick C"> Rellotge despertador en temps real (RTC)> Pin [Out] al pin del component "DecodeDateTime1" [In]
2. Connecteu el pin del component "DecodeDateTime1" [Hora] al pin "ComponentText1" del component "TextElement1" [In]
3. Connecteu el pin del component "DecodeDateTime1" [Minut] al pin "ComponentText1" del component "TextElement2" [In]
4. Connecteu el pin del component "DecodeDateTime1" [Segon] al pin "ComponentText1" del component "TextElement3" [In]
5. Connecteu el pin del component "FormattedText1" [Out] al tauler "M5 Stack Stick C" "Display ST7735"> el pin "Field Field1" [In]
6. Connecteu "M5 Stack Stick C"> Botons "A (M5)" a "M5 Stack Stick C"> Rellotge despertador en temps real (RTC)> Pin "Configura hora1" [Rellotge]
7. Connecteu "M5 Stack Stick C"> Botons "B" a "M5 Stack Stick C"> Rellotge despertador en temps real (RTC)> Pin "Configura minut 1" [Rellotge]

Pas 6: Genereu, compileu i pengeu el codi Arduino

1. A Visuino, a la part inferior, feu clic a la pestanya "Construeix", assegureu-vos que el port correcte estigui seleccionat i feu clic al botó "Compila / Compila i penja".

Pas 7: Juga

Si enceneu el mòdul M5Sticks, la pantalla hauria de començar a mostrar l'hora. Podeu canviar l'hora amb els botons "M5" per a les hores i "B" per als minuts

Enhorabona! Heu completat el vostre projecte M5Sticks amb Visuino. També s’adjunta el projecte Visuino, que he creat per a aquest instructable, el podeu descarregar aquí.

Podeu descarregar-lo i obrir-lo a Visuino:

Pas 8: al següent tutorial

Al següent tutorial us mostraré com fer un rellotge Cool Look on podeu configurar l’hora (hores, minuts i segons) mitjançant els botons StickC i crear un menú senzill. Estigueu atents i consulteu els meus altres tutorials aquí.