Tabla de contenido:

Cómo mostrar texto en M5StickC ESP32 usando Visuino: 6 pasos
Cómo mostrar texto en M5StickC ESP32 usando Visuino: 6 pasos

Video: Cómo mostrar texto en M5StickC ESP32 usando Visuino: 6 pasos

Video: Cómo mostrar texto en M5StickC ESP32 usando Visuino: 6 pasos
Video: M5StIckC Plus UIFlow para principiantes Lección 1: Hola mundo 2024, Mes de julio
Anonim
Cómo mostrar texto en M5StickC ESP32 usando Visuino
Cómo mostrar texto en M5StickC ESP32 usando Visuino

En este tutorial aprenderemos cómo programar ESP32 M5Stack StickC con Arduino IDE y Visuino para mostrar cualquier texto en la pantalla LCD.

Paso 1: lo que necesitará

Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás

M5StickC ESP32: puedes conseguirlo aquí

Programa Visuino: Descarga Visuino

Paso 2: Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C

Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C
Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C
Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C
Inicie Visuino y seleccione el tipo de placa M5 Stack Stick C

Inicie Visuino como se muestra en la primera imagen Haga clic en el botón "Herramientas" en el componente Arduino (Imagen 1) en Visuino Cuando aparezca el cuadro de diálogo, seleccione "M5 Stack Stick C" como se muestra en la Imagen 2

Paso 3: Agregar y configurar componentes en Visuino

En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
En Visuino Agregar y configurar componentes
  1. Haga clic en el tablero "M5 Stack Stick C" para seleccionarlo
  2. En la ventana "Propiedades", seleccione "Módulos" y haga clic en "+" para expandir, seleccione "Pantalla ST7735" y haga clic en "+" para expandirlo,
  3. Establezca la Orientación en "goRight" <esto significa cómo se orientará el texto

  4. Seleccione "Elementos" y haga clic en el botón azul con 3 puntos …
  5. Se mostrará el cuadro de diálogo de elementos
  6. En el cuadro de diálogo Elementos, arrastre "Campo de texto" de la derecha a la izquierda.

Haga clic en el "Campo de texto1" en el lado izquierdo para seleccionarlo, luego en la "ventana Propiedades" haga clic en "Valor inicial" para establecer el texto predeterminado como "Texto de muestra"

-también en las ventanas de propiedades configure X e Y, donde desea mostrar este texto en la pantalla LCD, el valor predeterminado es 0, lo que significa que comenzará a mostrar el texto en la esquina superior izquierda.

-También puede configurar el tamaño del texto y el color si lo desea

Cerrar la ventana de elementos

Opcionalmente:

Haga clic en el tablero "M5 Stack Stick C" para seleccionarlo

En la ventana "Propiedades", seleccione "Módulos" y haga clic en "+" para expandir, seleccione "Pantalla ST7735" y haga clic en "+" para expandirlo y verá "Color de fondo", este es el color predeterminado de la pantalla, cámbielo a su color favorito, también puede configurar el brillo de la pantalla, el valor predeterminado es 1 (máximo), puede configurarlo en 0.5 o algún otro valor para hacerlo más tenue.

Paso 4: Opcionalmente: mostrar texto mediante el componente "Valor de texto"

Opcionalmente - Mostrar texto usando
Opcionalmente - Mostrar texto usando
Opcionalmente - Mostrar texto usando
Opcionalmente - Mostrar texto usando

Una vez que haya agregado el elemento "Campo de texto" en el cuadro de diálogo Elementos.

Puede configurar el texto mediante el componente "Valor de texto".

  1. Para hacerlo, arrastre el componente "Valor de texto" y conéctelo a "M5 Stack Stick C"> pin "Text Field1" [In]
  2. En la ventana de propiedades, establezca el texto que le gustaría mostrar

Paso 5: Genere, compile y cargue el código Arduino

Genere, compile y cargue el código Arduino
Genere, compile y cargue el código Arduino
  1. En Visuino, en la parte inferior, haga clic en la pestaña "Construir", asegúrese de que esté seleccionado el puerto correcto, luego haga clic en el botón "Compilar / Construir y Cargar".

Paso 6: jugar

Si enciende el módulo M5Sticks, la pantalla debería comenzar a mostrar el texto que configuró.

¡Felicidades! Ha completado su proyecto M5Sticks con Visuino. También se adjunta el proyecto Visuino, que creé para este Instructable. Puede descargarlo y abrirlo en Visuino:

  1. El primer archivo "StickC-Display-Text.visuino" simplemente configura el texto en la ventana de elementos
  2. El segundo archivo "StickC-Display-Text-using-textvalue.visuino" está configurando el texto usando el componente "Text Value"

Recomendado: