Come visualizzare il testo su M5StickC ESP32 utilizzando Visuino: 6 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 09:59

In questo tutorial impareremo come programmare ESP32 M5Stack StickC con Arduino IDE e Visuino per visualizzare qualsiasi testo su LCD.

Passaggio 1: cosa ti servirà

M5StickC ESP32: puoi ottenerlo qui

Programma Visuino: Scarica Visuino

Passaggio 2: avviare Visuino e selezionare 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 in Figura 2

Passaggio 3: aggiungere e impostare componenti in Visuino

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à orientato il testo

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 sul "Campo di testo1" sul lato sinistro per selezionarlo, quindi nella "finestra Proprietà" fare clic su "Valore iniziale" per impostare il testo predefinito come "Testo di esempio"

-anche nelle finestre delle proprietà impostare X e Y, dove si desidera visualizzare questo testo sull'LCD, il valore predefinito è 0, il che significa che inizierà a mostrare il testo nell'angolo in alto a sinistra.

-Puoi anche impostare la dimensione del testo e il colore se lo desideri

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 su un altro valore per renderlo più scuro.

Passaggio 4: facoltativamente: visualizzazione del testo utilizzando il componente "Valore testo"

Dopo aver aggiunto l'elemento "Campo di testo" nella finestra di dialogo Elementi.

È possibile impostare il testo utilizzando il componente "Valore testo".

1. Per fare ciò, trascina il componente "Valore testo" e collegalo a "M5 Stack Stick C"> pin "Text Field1" [In]
2. Nella finestra delle proprietà imposta il testo che desideri visualizzare

Passaggio 5: genera, compila e carica il codice Arduino

1. 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 6: gioca

Se accendi il modulo M5Sticks, il display dovrebbe iniziare a mostrare il testo che hai impostato.

Congratulazioni! Hai completato il tuo progetto M5Sticks con Visuino. In allegato c'è anche il progetto Visuino, che ho creato per questo Instructable. Puoi scaricarlo e aprirlo in Visuino:

1. Il primo file "StickC-Display-Text.visuino" sta solo impostando il testo nella finestra degli elementi
2. Il secondo file "StickC-Display-Text-using-textvalue.visuino" sta impostando il testo usando il componente "Text Value"