Cómo cambiar el tamaño de la fuente en la pantalla OLED con Esptop 10 usando Arduino IDE

El ESP32 es un microcontrolador diseñado para su uso en una variedad de aplicaciones, incluidos los dispositivos de Internet de las cosas (IoT). Una de las características del ESP32 es la capacidad de mostrar texto y gráficos en una pantalla OLED usando diferentes tamaños de fuente. Esto puede ser útil para crear interfaces de usuario visualmente atractivas o para mostrar información en un formato claro y fácil de leer. En este artículo, exploraremos cómo usar diferentes tamaños de fuente en una pantalla OLED con el ESP32 y cómo elegir el tamaño de fuente adecuado para su aplicación.

Esta lección incluye los siguientes temas:

1: Introducción a la pantalla OLED ESP32

2: Módulo de pantalla OLED de cableado a ESP32

3: Instalación de bibliotecas requeridas

4: Mostrar diferentes tamaños de fuente en la pantalla OLED usando Arduino IDE

4.1: código

4.2: salida

1: Introducción a la pantalla OLED ESP32

OLED (Orgánico Lenriquecedor miritmo DIODE) Las pantallas son las mejores alternativas para las pantallas LCD. LED dentro de la pantalla OLED ilumina los píxeles que nos muestran diferentes imágenes y texto. Mientras que por otro lado, la pantalla LCD usa una luz de fondo para iluminar sus píxeles. Dentro de la pantalla OLED hay cientos de LED que brillan y muestran las imágenes y el texto. El brillo de estos píxeles se puede controlar píxel por píxel.

Ahora interactuaremos ESP32 con una pantalla OLED.

2: Módulo de pantalla OLED de cableado a ESP32

Las pantallas OLED funcionan principalmente en dos protocolos de comunicación. Estos son I2C y SPI. Entre estos dos SPI (interfaz periférica en serie) es más rápido en comparación con I2C, pero la mayoría de las veces se prefiere la pantalla OLED I2C debido a un número menor de cables.

El uso de I2C OLED dos pines SDA y SCL son suficientes para mostrar imágenes y texto. La imagen dada muestra ESP32 con 0.Pantalla OLED de 96 pulgadas (128 × 64 píxeles).

La conexión de pines ESP32 con OLED es la siguiente:

Como hemos interconectado ESP32 con una pantalla OLED, ahora instalaremos las bibliotecas necesarias en el IDE Arduino para que podamos avanzar con formas que se muestran en la pantalla OLED.

3: Instalación de bibliotecas requeridas

Hay diferentes bibliotecas disponibles dentro del Arduino IDE para la pantalla SSD1306. Usando estas bibliotecas, podemos mostrar texto e imágenes con la ayuda de Arduino IDE.

Hoy usaremos dos bibliotecas de Adafruit: SSD1306 y Gfx biblioteca.

Abra Arduino IDE y busque la biblioteca SSD1306. Instale la biblioteca OLED SSD1306 por Adafruit.

Otra forma de instalar va a: Sketch> incluir biblioteca> Administrar bibliotecas:

Ahora instale el Gfx Biblioteca de Adafruit:

Como hemos instalado ambas bibliotecas, así que podemos programar fácilmente ESP32 con una pantalla OLED.

4: Mostrar diferentes tamaños de fuente en la pantalla OLED usando Arduino IDE

El tamaño de fuente del texto que se muestra en un OLED se puede ajustar cambiando el factor de escala de la fuente. El factor de escala es un valor que determina cuánto se ampliará o reducirá la fuente. Por ejemplo, un factor de escala de 1 dará como resultado la fuente de tamaño normal, mientras que un factor de escala de 2 dará como resultado una fuente que es dos veces más grande.

En una pantalla OLED podemos ajustar el tamaño del texto utilizando múltiples formas con el ESP32. Una opción es usar una biblioteca que proporcione funciones para representar texto en diferentes tamaños, como la biblioteca AdaFruit GFX. Esta biblioteca le permite especificar el factor de escala al extraer texto, por lo que puede cambiar fácilmente el tamaño de la fuente según sea necesario.

Al elegir el tamaño de fuente para su pantalla OLED, es importante considerar el tamaño de la pantalla y la distancia a la que se verá el texto. Los tamaños de fuente más grandes pueden ser más fáciles de leer desde la distancia, pero pueden no encajar tanto texto en la pantalla. Los tamaños de fuente más pequeños pueden ser más compactos, pero pueden ser más difíciles de leer desde una distancia. Se recomienda verificar diferentes tamaños de fuente que se ajusten de acuerdo con el tamaño de la pantalla OLED.

Ahora escribiremos un código con tres factores de escala de tamaño de fuente diferentes a partir de 1 a 3.

1: código

Abra Arduino IDE y cargue el código dado en la placa ESP32:

#incluir
#incluir
#incluir
#define screen_width 128 /*OLED PANTAL ANCHO en píxeles* /
#define screen_height 64 /*OLED ENTIVE en píxeles* /
AdaFruit_SSD1306 Display (Screen_Width, Screen_height, & Wire, -1);
setup () void
De serie.comenzar (115200); /*Tasa de baudios para la comunicación en serie*/
si(!mostrar.BEGIN (SSD1306_SWITCHCAPVCC, 0x3c)) // dirección I2C 0x3c para la pantalla OLED 128x64
De serie.println (f ("fallado de asignación SSD1306"));
para(;;);

retraso (2000); /*Retraso de 2 segundos*/
mostrar.ClearDisplay (); /*borra la pantalla*/
mostrar.setTextSize (1); /*Tamaño de texto 1*/
mostrar.setTextColor (blanco); /*color de texto blanco*/
mostrar.setCursor (0, 10); /*X e Y coordenadas en la pantalla de pantalla OLED*/
mostrar.println ("Linuxhint.com "); /*Imprime texto con tamaño 1* /
mostrar.mostrar(); /*Pantalla en la pantalla OLED*/
mostrar.setTextSize (2); /*Tamaño de texto 2 definido*/
mostrar.setTextColor (blanco); /*Color de texto blanco*/
mostrar.setCursor (0, 20); /*Posición del texto en la pantalla OLED*/
mostrar.println ("OLED"); /*Mostrar texto con tamaño 2*/
mostrar.mostrar(); /*Función para mostrar texto en OLED*/
mostrar.setTextSize (3); /*Tamaño de texto 3*/
mostrar.setTextColor (blanco); /*Color de texto blanco*/
mostrar.setCursor (0, 40); /*Posición de texto en la pantalla OLED*/
mostrar.println ("ESP32"); /*Mostrar texto en OLED*/
mostrar.mostrar(); /*Función para mostrar texto*/
retraso (500); /*Retraso de 0.5 segundos*/

bucle void ()

Código iniciado llamando a las bibliotecas importantes. Estas bibliotecas incluyen el cable y la biblioteca de Adafruit. Después de eso definimos el tamaño de la pantalla OLED. Aquí estamos utilizando el tamaño de la pantalla 128 × 64. El tamaño dado está en píxeles.

En la parte de configuración del código, inicializamos la pantalla OLED. A continuación, mostramos tres textos diferentes con tamaños de fuente separados.

Primero la cadena Linuxhint.comunicarse se muestra con el factor de escala / el tamaño de la fuente 1. Siguiente otra cadena Oleado con el tamaño del texto o el factor de escala 2 se define. Por último, una nueva cadena ESP32 con el tamaño de fuente de 3 se muestra.

Recuerde definir la posición correcta de los tres textos. Si el tamaño del texto es demasiado grande, el OLED mostrará una pantalla en blanco. Se recomienda verificar diferentes tamaños de texto de acuerdo con el tamaño de su pantalla.

Si el texto se superpone, intente reemplazar las coordenadas X e Y. Esto ayudará a encontrar la posición equilibrada para todo el texto.

2: salida

Después de cargar código a ESP32, podemos ver texto con diferentes tamaños en el OLED. Se muestran tres textos diferentes con tamaño 1, 2 y 3 en la pantalla.

Hemos mostrado con éxito texto con diferentes tamaños de fuente.

Conclusión

ESP32 es una placa de microcontrolador que puede interactuar con una pantalla OLED para mostrar diferentes gráficos. Aquí este artículo cubre el código para mostrar texto con diferentes tamaños. Es importante tener en cuenta que el tamaño del texto depende de la posición y el tamaño de la pantalla OLED. Si el texto sale de la pantalla de la pantalla, será visible una pantalla negra. Para una guía más detallada, lea el artículo dado.