¿Cómo usar botones de radio con el TFT 2.4 pulgadas ILI9341?

¡Hola! Como proveedor de la pantalla ILI9341 de 2.4 pulgadas TFT, estoy alejado de compartir con usted cómo usar botones de radio con esta pequeña pantalla increíble. Los botones de radio son muy útiles cuando desea que los usuarios elijan una opción de un conjunto de opciones, como en una encuesta o un menú de configuración. ¡Vamos a sumergirnos!

Conocer el TFT 2.4 pulgadas ILI9341

En primer lugar, el TFT 2.4 pulgadas ILI9341 es un módulo de visualización de muesca superior. Tiene una pantalla de alta resolución, excelente precisión del color y es bastante fácil de interactuar con los microcontroladores. Ya sea que esté trabajando en un proyecto de bricolaje o un producto comercial, esta pantalla puede ser un juego: cambiante.

Si también está interesado en otras opciones de visualización, tenemos elTFT1.77 Inch ST7735y elTFT 1.14 pulgadas ST7789V. Estas también son opciones sólidas dependiendo de sus necesidades específicas. Y si te gusta las pantallas de la interfaz SPI, consulte nuestroInterfaz SPI LCDopciones.

¿Qué son los botones de radio?

Los botones de radio son un tipo de elemento de interfaz de usuario. Por lo general, parecen círculos pequeños, y cuando hace clic en uno, se llena o resalta para mostrar que está seleccionado. Lo bueno es que solo se puede seleccionar un botón de radio en un grupo a la vez. Entonces, si hace clic en uno diferente, la previamente seleccionada se anotará.

Configuración del hardware

Antes de que podamos comenzar a usar los botones de radio, necesitamos poner en funcionamiento el TFT 2.4 pulgadas ILI9341. Necesitará un microcontrolador, como un Arduino o una Raspberry Pi. Conecte la pantalla al microcontrolador de acuerdo con la hoja de datos. El ILI9341 generalmente usa la interfaz SPI, que es bastante sencilla para configurar.

Instalación de las bibliotecas

Para trabajar con la pantalla TFT, deberá instalar las bibliotecas apropiadas. Para Arduino, puede usar la biblioteca AdaFruit_GFX y la biblioteca AdaFruit_ili9341. Puede instalarlos a través del Administrador de la biblioteca de Arduino IDE. Simplemente vaya a Sketch> Incluya biblioteca> Administrar bibliotecas y busque las bibliotecas por su nombre.

Dibujo de botones de radio

Una vez que el hardware está configurado y las bibliotecas están instaladas, podemos comenzar a dibujar botones de radio en la pantalla. Aquí hay un ejemplo de código simple usando Arduino:

TFT1.77inch St7735 TFT 1.14 Inch St7789v

#include <Adafruit_gfx.h> #include <Adafruit_ili9341.h> #define tft_cs 10 #define tft_dc 9 #define tft_rst -1 AdaFruit_ili9341 tft = Adafruit_ili9341 (TFT_CS, TFT_DC, TFT_RST); setup () void () {tft.begin (); tft.setrotation (3); tft.fillscreen (ili9341_black); // dibujar botones de radio DibuRadioButton (50, 50, 10, falso); Dibuja (50, 80, 10, verdadero); } void loop () {// Su código de bucle principal aquí} void drawRadioButton (int x, int y, int radio, bool seleccionado) {tft.DrawCircle (x, y, radio, ili9341_white); if (seleccionado) {tft.fillcircle (x, y, radio - 2, ili9341_white); }}

En este código, primero inicializamos la pantalla TFT en elconfiguraciónfunción. Entonces llamamos aldragdiobuttonfunción para dibujar dos botones de radio. EldragdiobuttonLa función toma las coordenadas X e Y del centro del botón de radio, el radio y un valor booleano que indica si el botón está seleccionado o no.

Manejo de la entrada del usuario

Para que los botones de radio interactivos, necesitamos manejar la entrada del usuario. Si está utilizando una versión con pantalla táctil del ILI9341 TFT 2.4 pulgadas, puede detectar cuándo el usuario toca un botón de radio. Aquí hay un ejemplo simple de cómo manejar los eventos táctiles:

#include <Adafruit_gfx.h> #include <AdaFruit_ili9341.h> #include <touchscreen.h> #define tft_cs 10 #define tft_dc 9 #define tft_rst -1 #define yp a3 #define xm a2 #define ym 9 ##define xp 8define ts_minfine ts_minx 150 #define ts_maxx 920 #define ts_miny 120 #define ts_maxy 940 AdaFruit_ili9341 tft = AdaFruit_ili9341 (tft_cs, tft_dc, tft_rst); Pantalla táctil TS = pantalla táctil (xp, yp, xm, ym, 300); Bool RadioButton1Selected = false; Bool RadioButton2Selected = True; setup () void () {tft.begin (); tft.setrotation (3); tft.fillscreen (ili9341_black); DibuRadiobutton (50, 50, 10, RadioButton1Selected); DibuRadiobutton (50, 80, 10, RadioButton2Selected); } void loop () {tspoint p = ts.getPoint (); if (pz> ts.pressurethreshhold) {int x = map (px, ts_minx, ts_maxx, 0, tft.width ()); int y = map (py, ts_miny, ts_maxy, 0, tft.height ()); if (isInsiderAdioButton (x, y, 50, 50, 10)) {RadioButton1Selected = True; RadioButton2Selected = false; redrawradiobuttons (); } else if (isInsiderAdioButton (x, y, 50, 80, 10)) {RadioButton1Selected = false; RadioButton2Selected = True; redrawradiobuttons (); }}} void drawRadioButton (int x, int y, int radio, bool seleccionado) {tft.DrawCircle (x, y, radio, ili9341_white); if (seleccionado) {tft.fillcircle (x, y, radio - 2, ili9341_white); }} bool isinSiderAdioButton (int touchx, int touchy, int centerx, int centery, int radio) {int dx = touchx - centerx; int dy = Touchy - Centery; return (dx * dx + dy * dy) <= (radio * radio); } void redrawradioButtons () {tft.fillrect (0, 0, tft.width (), tft.height (), ili9341_black); DibuRadiobutton (50, 50, 10, RadioButton1Selected); DibuRadiobutton (50, 80, 10, RadioButton2Selected); }

En este código, usamos elPantalla táctilBiblioteca para detectar eventos táctiles. Cuando el usuario toca la pantalla, verificamos si el punto de contacto está dentro de un botón de radio usando elISINSIDERADIOBUTTONfunción. Si es así, actualizamos el estado de selección de los botones de radio y los volvemos a dibujar en la pantalla.

Personalización de botones de radio

Puede personalizar la apariencia de los botones de radio para que coincida con el estilo de su proyecto. Puede cambiar el color, el tamaño y la forma de los botones de radio. Por ejemplo, puede usar diferentes colores para indicar los estados seleccionados y no seleccionados, o puede dibujar una forma personalizada en lugar de un círculo.

Conclusión

El uso de botones de radio con el ILI9341 TFT 2.4 pulgadas es una excelente manera de agregar interactividad a sus proyectos. Ya sea que esté construyendo un menú simple o una interfaz de usuario compleja, los botones de radio pueden hacer que su pantalla sea más amigable.

Si está interesado en comprar el TFT 2.4 pulgadas ILI9341 o cualquiera de nuestros otros productos de exhibición, no dude en comunicarse con una discusión de adquisiciones. Estamos aquí para ayudarlo a encontrar la mejor solución de visualización para sus necesidades.