Taula de continguts:

Com mostrar text a M5StickC ESP32 mitjançant Visuino: 6 passos
Com mostrar text a M5StickC ESP32 mitjançant Visuino: 6 passos

Vídeo: Com mostrar text a M5StickC ESP32 mitjançant Visuino: 6 passos

Vídeo: Com mostrar text a M5StickC ESP32 mitjançant Visuino: 6 passos
Vídeo: Flipper Zero Alternative? - m5stickC plus 🤯 #shorts 2024, Juliol
Anonim
Com es mostra text a M5StickC ESP32 mitjançant Visuino
Com es mostra text a M5StickC ESP32 mitjançant Visuino

En aquest tutorial aprendrem a programar ESP32 M5Stack StickC amb Arduino IDE i Visuino per mostrar qualsevol text a la pantalla LCD.

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

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 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 i configura components

A Visuino Afegeix i configura components
A Visuino Afegeix i configura components
A Visuino Afegeix i configura components
A Visuino Afegeix i configura components
A Visuino Afegeix i configura components
A Visuino Afegeix i configura components
A Visuino Afegeix i configura components
A Visuino Afegeix i configura 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, seleccioneu "Mostra ST7735" i feu clic a "+" per expandir-lo,
  3. Estableix Orientació a "goRight" <això significa com s'orientarà el text
  4. Seleccioneu "Elements" i feu clic al botó blau amb 3 punts …
  5. Es mostrarà el quadre de diàleg Elements
  6. Al quadre de diàleg Elements, arrossegueu "Camp de text" del costat dret a l'esquerra

Feu clic al "Camp de text1" a la part esquerra per seleccionar-lo i, a continuació, a la "Finestra de propietats" feu clic a "Valor inicial" per establir el text per defecte com "Text de mostra"

-També a les finestres de propietats, configureu la X i la Y, on voleu mostrar aquest text a la pantalla LCD, el valor per defecte és 0, és a dir, començarà a mostrar el text a l'extrem superior esquerre.

-També podeu definir la mida i el color del text si voleu

Tanqueu la finestra dels elements

Opcionalment:

Feu clic al tauler "M5 Stack Stick C" per seleccionar-lo

A la finestra "Propietats", seleccioneu "Mòduls" i feu clic a "+" per expandir, seleccioneu "Pantalla ST7735" i feu clic a "+" per expandir-lo i veureu "Color de fons". Aquest és el color per defecte de la pantalla, canvieu-lo a el vostre color preferit, també podeu configurar la brillantor de la pantalla; el valor predeterminat és 1 (màxim). Podeu establir-lo a 0,5 o algun altre valor per fer-la més tènue.

Pas 4: opcionalment: mostra el text mitjançant el component "Valor de text"

Opcionalment: mostra el text mitjançant
Opcionalment: mostra el text mitjançant
Opcionalment: mostra el text mitjançant
Opcionalment: mostra el text mitjançant

Un cop hàgiu afegit l'element "Camp de text" al quadre de diàleg Elements.

Podeu configurar el text mitjançant el component "Valor de text".

  1. Per fer-ho, arrossegueu el component "Valor de text" i connecteu-lo a "M5 Stack Stick C"> Pin "Camp de text1" [In]
  2. A la finestra de propietats, configureu el text que vulgueu mostrar

Pas 5: Genereu, compileu i pengeu el codi Arduino

Genereu, compileu i pengeu el codi Arduino
Genereu, compileu i pengeu el codi Arduino

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 6: Juga

Si enceneu el mòdul M5Sticks, la pantalla hauria de començar a mostrar el text que l’heu configurat.

Enhorabona! Heu completat el vostre projecte M5Sticks amb Visuino. També s’adjunta el projecte Visuino, que he creat per a aquest instructable. Podeu descarregar-lo i obrir-lo a Visuino:

  1. El primer fitxer "StickC-Display-Text.visuino" és només configurar text a la finestra d'elements
  2. El segon fitxer "StickC-Display-Text-using-textvalue.visuino" estableix el text mitjançant el component "Valor de text"

Recomanat: