Taula de continguts:

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

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

Vídeo: Bricolatge Com fer un rellotge d’aspecte fresc - StickC - Fàcil de fer: 8 passos
Vídeo: Mündliche Prüfung deutsch B1 | Gemeinsam etwas planen/Dialog | 10 wichtige Themen | sprechen Teil 3 2024, De novembre
Anonim

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

El que necessitareu
El que necessitareu
El que necessitareu
El que necessitareu

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 i seleccioneu el tipus de placa M5 Stack Stick C
Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C
Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C
Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C
Inicieu Visuino i seleccioneu el tipus de placa M5 Stack Stick C
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

A Visuino Afegeix components
A Visuino Afegeix components
A Visuino Afegeix components
A Visuino Afegeix components
A Visuino Afegeix components
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

A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
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

A Components de Visuino Connect
A Components de Visuino Connect
A Components de Visuino Connect
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

Genereu, compileu i pengeu el codi Arduino
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í.

Recomanat: