Sommario:

Fai da te Come visualizzare l'ora su M5StickC ESP32 usando Visuino - Facile da fare: 9 passaggi
Fai da te Come visualizzare l'ora su M5StickC ESP32 usando Visuino - Facile da fare: 9 passaggi

Video: Fai da te Come visualizzare l'ora su M5StickC ESP32 usando Visuino - Facile da fare: 9 passaggi

Video: Fai da te Come visualizzare l'ora su M5StickC ESP32 usando Visuino - Facile da fare: 9 passaggi
Video: SH125 - Flipper Zero - Scheda WI-FI fai da te 2024, Novembre
Anonim

In questo tutorial impareremo come programmare ESP32 M5Stack StickC con Arduino IDE e Visuino per visualizzare l'ora sul display LCD.

Passaggio 1: cosa ti servirà

Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
Cosa ti servirà
  1. M5StickC ESP32: puoi ottenerlo qui
  2. Programma Visuino: Scarica Visuino

Nota: controlla questo tutorial qui su come installare la scheda StickC ESP32

Passaggio 2: avviare Visuino e selezionare il tipo di scheda M5 Stack Stick C

Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C
Avvia Visuino e seleziona il tipo di scheda M5 Stack Stick C

Avvia Visuino come mostrato nella prima immagine Fare clic sul pulsante "Strumenti" sul componente Arduino (Immagine 1)

in Visuino Quando viene visualizzata la finestra di dialogo, selezionare "M5 Stack Stick C" come mostrato nell'immagine 2

Passaggio 3: aggiungere e impostare componenti in Visuino

In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
In Visuino Aggiungi e imposta componenti
  1. Fare clic sulla scheda "M5 Stack Stick C" per selezionarla
  2. Nella finestra "Proprietà" selezionare "Moduli" e fare clic su "+" per espandere, selezionare "Visualizza ST7735" e fare clic su "+" per espanderlo
  3. Imposta l'orientamento su "goRight" < questo significa come sarà orientata l'ora sul display LCD
  4. Seleziona "Elementi" e fai clic sul pulsante blu con 3 punti…
  5. Apparirà la finestra di dialogo Elementi
  6. Nella finestra di dialogo degli elementi trascina "Campo di testo" da destra a sinistra

Fare clic su "Text Field1" sul lato sinistro per selezionarlo, quindi nella "finestra Proprietà" fare clic sul colore e impostarlo su "aclOrange"

-anche nelle finestre delle proprietà impostare X:10 e Y:20 qui è dove si desidera visualizzare l'ora sul display LCD

-set size:3 questa è la dimensione del carattere del tempo

-Se vuoi, puoi impostare la dimensione e il colore del testo

Chiudi la finestra degli elementi

Facoltativamente:

Fare clic sulla scheda "M5 Stack Stick C" per selezionarla

Nella finestra "Proprietà" seleziona "Moduli" e fai clic su "+" per espandere, seleziona "Display ST7735" e fai clic su "+" per espanderlo e vedrai "Colore di sfondo" questo è il colore predefinito del display, cambialo in il tuo colore preferito, puoi anche impostare la luminosità del display, il valore predefinito è 1 (max) puoi impostarlo su 0,5 o qualche altro valore per renderlo più scuro

6. Aggiungi il componente "Decodifica (Split) Date/Time" 7. Aggiungi il componente "Testo formattato"

Passaggio 4: nei componenti del set di Visuino

Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
Componenti del set di Visuino
  1. Seleziona il componente "FormattedTxt1" e nella finestra "Proprietà" imposta "Testo" su: %0:%1:%2
  2. Fare doppio clic sul componente "FormattedText1" e nella finestra di dialogo Elementi trascinare 3x "Elemento di testo" a sinistra

Passaggio 5: nei componenti di Visuino Connect

Nei componenti di Visuino Connect
Nei componenti di Visuino Connect
  • Collega "M5 Stack Stick C" > Sveglia in tempo reale (RTC) > Pin [Out] al pin del componente "DecodeDateTime1" [In]
  • Collegare il pin del componente "DecodeDateTime1" [Hour] al pin "TextElement1" del componente "FormattedText1"[In]
  • Collega il pin del componente "DecodeDateTime1" [Minute] al pin "TextElement2" del componente "FormattedText1" [In]
  • Collegare il pin del componente "DecodeDateTime1" [Second] al pin "TextElement3" del componente "FormattedText1"[In]
  • Collegare il pin del componente "FormattedText1" [Out] alla scheda "M5 Stack Stick C" "Display ST7735"> pin "Text Field1" [In]

Passaggio 6: genera, compila e carica il codice Arduino

Genera, compila e carica il codice Arduino
Genera, compila e carica il codice Arduino
  • In Visuino, in basso, fai clic sulla scheda "Build", assicurati che sia selezionata la porta corretta, quindi fai clic sul pulsante "Compila/Crea e carica".

Passaggio 7: gioca

Se si alimenta il modulo M5Sticks, il display dovrebbe iniziare a mostrare l'ora.

Congratulazioni! Hai completato il tuo progetto M5Sticks con Visuino. In allegato anche il progetto Visuino, che ho realizzato per questo Instructable, potete scaricarlo qui.

Puoi scaricarlo e aprirlo in Visuino:

Passaggio 8: extra: semplice trucco

Extra: semplice trucco
Extra: semplice trucco
Extra: semplice trucco
Extra: semplice trucco

Puoi usare l'ora corrente che era sul tuo computer nel momento in cui hai compilato il codice in Arduino.

Per farlo basta rilasciare un componente "Compile Date/Time" e collegarlo a "M5 Stack Stick C" > pin "Real Time Alarm Clock (RTC)" [Set]

Puoi scaricare il file del progetto con questo trucco qui.

Passaggio 9: nel prossimo tutorial

Nel prossimo tutorial ti mostrerò come creare un orologio dall'aspetto accattivante in cui puoi impostare l'ora usando i pulsanti StickC! Resta sintonizzato e dai un'occhiata ai miei altri tutorial qui.

Consigliato: