¿Cómo mostrar un menú en el TFT 1.14 pulgadas ST7789V?

Cómo mostrar un menú en el TFT 1.14 pulgadas ST7789V

Como proveedor confiable del TFT 1.14 pulgadas ST7789V, he sido testigo del creciente interés en este módulo de pantalla compacto pero poderoso. Sus colores de alta resolución y vibrantes lo convierten en una opción popular para varios proyectos, desde Electrónica de bricolaje hasta aplicaciones industriales profesionales. En este blog, compartiré algunos pasos y consejos prácticos sobre cómo mostrar un menú en el TFT 1.14 pulgadas ST7789V.

Comprender el TFT 1.14 pulgadas ST7789V

Antes de sumergirse en la pantalla del menú, es esencial comprender las características básicas del TFT 1.14 pulgadas ST7789V. Esta pantalla tiene una resolución de 240x135 píxeles, que proporciona una cantidad decente de espacio para crear un menú interactivo. El ST7789V es un controlador de un solo chip que admite 262k colores, lo que permite efectos visuales vívidos y nítidos.

El módulo de pantalla generalmente viene con una interfaz SPI, que es relativamente fácil de integrar con microcontroladores como Arduino o Raspberry Pi. La interfaz SPI permite una transferencia rápida de datos, asegurando actualizaciones e interacciones de menú suaves.

Configuración de hardware

Conexión al microcontrolador
- Primero, conecte el TFT 1.14 pulgadas ST7789V a su microcontrolador. Las conexiones típicas incluyen potencia (VCC y GND), reloj SPI (SCK), maestro - out - esclavo - en (MOSI), chip select (CS), datos/comando (DC) y reinicio (RST). Asegúrese de consultar la hoja de datos de la pantalla y el microcontrolador para las asignaciones de pin correctas.
- Por ejemplo, si está utilizando un Arduino UNO, puede conectar el SCK al PIN 13, MOSI al PIN 11, CS a un PIN de salida digital (p. Ej.
Fuente de alimentación
- Proporcione una fuente de alimentación estable a la pantalla. El TFT 1.14 pulgadas ST7789V generalmente funciona a 3.3V. Puede usar un regulador de voltaje si su microcontrolador funciona a un voltaje diferente para garantizar que la pantalla obtenga la potencia correcta.

Configuración de software

Instalación de bibliotecas
- Dependiendo de su plataforma de microcontrolador, debe instalar las bibliotecas apropiadas para el TFT 1.14 pulgadas ST7789V. Para Arduino, la biblioteca Adafruit ST7789 es una opción popular. Puede instalarlo a través del Administrador de la biblioteca de Arduino IDE.
- Aquí hay un simple ejemplo de cómo incluir la biblioteca en su boceto Arduino:

#include <Adafruit_gfx.h> #include <Adafruit_st7789.h>

Inicializando la pantalla
- Después de instalar la biblioteca, debe inicializar la pantalla en su código. Aquí hay un código de inicialización básico para un Arduino:

#define tft_cs 10 #define tft_dc 9 #define tft_rst 8 AdaFruit_st7789 tft = AdaFruit_ST7789 (tft_cs, tft_dc, tft_rst); setup () void () {tft.init (240, 135); tft.setrotation (2); tft.fillscreen (st77xx_black); } void loop () {// El código de bucle principal irá aquí}

En este código, primero definimos los números PIN para CS, DC y RST. Luego creamos una instancia delAdaFruit_ST7789clase. En elconfiguraciónFunción, inicializamos la pantalla con la resolución correcta, establecemos la rotación y llenamos la pantalla con negro.

Creando un menú

Estructura de menú
- Decide la estructura de tu menú. Un menú simple puede consistir en una lista de opciones. Por ejemplo, si está creando un menú para un sistema de automatización de inicio, las opciones podrían ser "luces encendidas", "luces apagados", "acelerar del ventilador", "velocidad del ventilador", etc.
- Puede representar el menú como una variedad de cadenas en su código. Por ejemplo:

const char* MenuOptions [] = {"Lights On", "Lights Off", "Venvente acelera", "Velocidad del ventilador hacia abajo"};

Mostrando el menú
- Para mostrar el menú en el TFT 1.14 pulgadas ST7789V, puede iterar a través de la matriz de opciones de menú e imprimir cada opción en la pantalla. Puedes usar eltft.printlnfunción proporcionada por la biblioteca AdaFruit.

void displaymenu () {tft.fillscreen (st77xx_black); for (int i = 0; i <sizeof (menuOptions) / sizeof (menúoptions [0]); i ++) {tft.setCursor (10, 20+i * 20); tft.setTextColor (st77xx_white); tft.setTextSize (2); tft.println (Menuoptions [i]); }}

En este código, primero borra la pantalla. Luego iteramos a través delmenúformación. Para cada opción, establecemos la posición del cursor, el color del texto y el tamaño, e imprimimos la opción en la pantalla.

Agregar interactividad

Selección de opciones de menú
- Para que el menú sea interactivo, necesita una forma de seleccionar opciones. Esto se puede hacer usando botones o una pantalla táctil. Si está utilizando botones, puede conectarlos a pines de entrada digital en su microcontrolador.
- Por ejemplo, si tiene un botón "arriba" y un botón "Abajo" para navegar por el menú, y un botón "Seleccionar" para elegir una opción, puede agregar el siguiente código a subuclefunción:

const int upbuttonpin = 2; const int downbuttonpin = 3; const int selectbuttonpin = 4; int selectionOption = 0; void loop () {if (digitalRead (upbuttonpin) == low) {selectionOption--; if (selectionOption <0) {selectionOption = sizeOf (menúoptions) / sizeof (menúoptions [0]) - 1; } displayMenu (); destacado selectionOption (); } if (digitalRead (downbuttonpin) == Low) {selectionOption ++; if (selectionOption> = sizeOf (menúoptions) / sizeof (menúoptions [0])) {selectionOption = 0; } displayMenu (); destacado selectionOption (); } if (digitalRead (selectButtonpin) == Low) {// manejar la opción seleccionada HangeOptionselection (selectionOption); }} void destacado selectionOption () {tft.setCursor (10, 20 + selectionOption * 20); tft.setTextColor (st77xx_yellow); tft.setTextSize (2); tft.println (MenuOptions [selectionOption]); } void manyOptionselection (int option) {// Agregar código aquí para realizar acciones basadas en el interruptor de opción seleccionado (opción) {case 0: // código para "luces encendidas" break; Caso 1: // Código para "luces apagadas"; Caso 2: // Código para la ruptura de "aceleración del ventilador"; Caso 3: // Código para la ruptura de "velocidad del ventilador"; }}

En este código, usamos los botones para navegar por el menú. Cuando se presiona un botón, actualizamos elSelectionOptionVariable, rehacer el menú y resaltar la opción seleccionada. Cuando se presiona el botón "Seleccionar", llamamos alselección de manejarfunción para realizar la acción apropiada.

Otras consideraciones

Diseño de menú
- Considere la experiencia del usuario al diseñar el menú. Use el texto claro y conciso, y elija los colores apropiados para texto y fondo para garantizar la legibilidad. También puede agregar iconos o gráficos para que el menú sea más atractivo visualmente.
Gestión de la memoria
- Dado que el microcontrolador tiene memoria limitada, tenga cuidado cuando use fuentes de tamaño grande o gráficos de alta resolución. Optimice su código para usar la memoria de manera eficiente.

Productos relacionados

Si está interesado en otros productos de exhibición, también ofrecemos una amplia gama deMonitor de color LCD TFT,Pantalla de la interfaz MIPI, y3.0 3.5 4.0 pulgadas MIPI RGB Interfaz MUC IPS TFT LCD Pantalla. Estos productos tienen diferentes características y especificaciones para cumplir con varios requisitos de aplicación.

Conclusión

Mostrar un menú en el TFT 1.14 pulgadas ST7789V es un proyecto gratificante que puede mejorar la experiencia del usuario de sus dispositivos electrónicos. Siguiendo los pasos descritos en este blog, puede crear un menú funcional e interactivo. Si tiene alguna pregunta o necesita más ayuda para usar nuestro TFT 1.14 pulgadas ST7789V u otros productos relacionados, no dude en contactarnos para obtener la adquisición y la negociación.