Como proveedor de pantallas LCD COG de 192x64, he recibido numerosas consultas sobre la creación de gráficos de barras en estas pantallas. En este blog, compartiré una guía completa sobre cómo hacer gráficos de barras de pantalla LCD COG de 192x64, que abarcará todo, desde la comprensión de los conceptos básicos hasta la implementación del código real.
Entendiendo la pantalla LCD COG de 192x64
Antes de sumergirse en la creación de gráficos de barras, es esencial comprender las características de la pantalla LCD COG de 192x64. "192x64" se refiere a la resolución de la pantalla, lo que significa que tiene 192 píxeles horizontalmente y 64 píxeles verticalmente. "COG" significa Chip On Glass, que es una tecnología en la que el circuito integrado se monta directamente sobre el sustrato de vidrio de la pantalla LCD. Esto da como resultado una pantalla más compacta y confiable.
En comparación con otras pantallas LCD como la12864B pantalla LCDyLCD gráfico de 122x32, la pantalla LCD COG de 192x64 ofrece un área de visualización más grande, lo que permite visualizaciones más detalladas y complejas, como gráficos de barras.
Requisitos previos
Para crear gráficos de barras en una pantalla LCD COG de 192x64, necesitará lo siguiente:
- LCD de engranaje de 192x64: Puede obtenerlo de un proveedor confiable como nosotros. Echa un vistazo a nuestroPantalla LCD de 192x64para más detalles.
- Microcontrolador: Se utiliza un microcontrolador para controlar la pantalla LCD y generar los datos del gráfico de barras. Las opciones populares incluyen Arduino, Raspberry Pi y STM32.
- Lenguaje de programación: Necesitará conocer un lenguaje de programación compatible con su microcontrolador, como C, C++ o Python.
- Biblioteca de controladores LCD: La mayoría de los microcontroladores tienen bibliotecas disponibles para controlar las pantallas LCD. Estas bibliotecas simplifican el proceso de comunicación con la pantalla LCD y realizar operaciones básicas como limpiar la pantalla, escribir texto y dibujar formas.
Paso 1: conecte la pantalla LCD al microcontrolador
El primer paso es conectar la pantalla LCD COG de 192x64 a su microcontrolador. Las conexiones de pines exactas dependerán del LCD y del microcontrolador específicos que esté utilizando. Sin embargo, la mayoría de las pantallas LCD requieren las siguientes conexiones:
- Fuente de alimentación: Conecte los pines VCC y GND de la pantalla LCD a los pines de fuente de alimentación apropiados en el microcontrolador.
- Líneas de datos: Conecte las líneas de datos de la pantalla LCD (generalmente etiquetadas como D0 - D7) a los pines de datos correspondientes en el microcontrolador.
- Líneas de control: Conecte las líneas de control de la pantalla LCD (como RS, RW y E) a los pines de control apropiados en el microcontrolador.
Una vez realizadas las conexiones, verifíquelas dos veces para asegurarse de que sean correctas. Las conexiones incorrectas pueden provocar problemas como que la pantalla LCD no muestre nada o muestre caracteres confusos.
Paso 2: Inicialice la pantalla LCD
Después de conectar la pantalla LCD al microcontrolador, debe inicializar la pantalla LCD utilizando la biblioteca del controlador LCD. La inicialización normalmente implica configurar el modo de visualización, borrar la pantalla y configurar otros parámetros de visualización.
Aquí hay un ejemplo de cómo inicializar una pantalla LCD COG de 192x64 usando el IDE de Arduino y la biblioteca U8g2:
#include <U8g2lib.h> // Crea una instancia de la biblioteca U8g2 para la pantalla LCD COG de 192x64 U8g2_SSD1306_192X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); void setup() { // Inicializa la pantalla LCD u8g2.begin(); // Limpiar la pantalla u8g2.clearBuffer(); // Actualiza la pantalla u8g2.sendBuffer(); } void loop() { // Tu código principal va aquí }En este ejemplo, utilizamos la biblioteca U8g2 para controlar la pantalla LCD COG de 192x64. ElU8g2_SSD1306_192X64_NONAME_F_SW_I2CEl constructor crea una instancia de la biblioteca para el modelo LCD específico. Elcomenzar()La función inicializa la pantalla LCD y elborrarBuffer()yenviarBuffer()Las funciones limpian la pantalla y actualizan la pantalla, respectivamente.
Paso 3: definir los datos del gráfico de barras
Antes de dibujar el gráfico de barras en la pantalla LCD, debe definir los datos que serán representados por las barras. Estos datos se pueden obtener de varias fuentes, como sensores, bases de datos o entradas del usuario.
Para simplificar, supongamos que tenemos una matriz de números enteros que representan los valores de las barras:
const int barras numéricas = 5; int barValues[numBars] = {20, 40, 60, 80, 100};En este ejemplo, tenemos una matriz de 5 números enteros que representan los valores de 5 barras.
Paso 4: dibuja el gráfico de barras
Una vez que tenga los datos del gráfico de barras, puede comenzar a dibujar las barras en la pantalla LCD. Para dibujar una barra, debe calcular la posición y el tamaño de la barra en función del valor que representa y el área de visualización disponible.
Aquí hay un ejemplo de cómo dibujar un gráfico de barras en una pantalla LCD COG de 192x64 usando la biblioteca U8g2:
#include <U8g2lib.h> // Crea una instancia de la biblioteca U8g2 para la pantalla LCD COG de 192x64 U8g2_SSD1306_192X64_NONAME_F_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE); const int barras numéricas = 5; int barValues[numBars] = {20, 40, 60, 80, 100}; void setup() { // Inicializa la pantalla LCD u8g2.begin(); } void loop() { // Limpiar la pantalla u8g2.clearBuffer(); // Calcula el ancho de cada barra int barWidth = u8g2.getWidth() / numBars; // Dibuja cada barra for (int i = 0; i < numBars; i++) { int barHeight = (barValues[i] * u8g2.getHeight()) / 100; int x = i * ancho de barra; int y = u8g2.getHeight() - altura de la barra; u8g2.drawBox(x, y, ancho de barra, altura de barra); } // Actualiza la pantalla u8g2.sendBuffer(); // Retraso por un período corto delay(1000); }En este ejemplo, primero calculamos el ancho de cada barra en función del número de barras y el ancho de la pantalla LCD. Luego, recorremos cada barra y calculamos su altura en función de su valor y la altura de la pantalla LCD. Finalmente, utilizamos eldibujarBox()función para dibujar la barra en la pantalla LCD.
Paso 5: personaliza el gráfico de barras
Una vez que tenga el gráfico de barras básico funcionando, puede personalizarlo para hacerlo más atractivo e informativo visualmente. A continuación se muestran algunas formas de personalizar el gráfico de barras:
- Agregar etiquetas: Puede agregar etiquetas a las barras para indicar sus valores o nombres. Para agregar etiquetas, puede utilizar el
dibujarStr()función proporcionada por la biblioteca del controlador LCD. - Cambiar colores: La mayoría de las bibliotecas de controladores LCD le permiten cambiar el color de las barras y otros elementos de la pantalla. Puede utilizar diferentes colores para distinguir entre diferentes barras o para resaltar información importante.
- Animar las barras: Puede animar las barras para que el gráfico de barras sea más dinámico. Para animar las barras, puede actualizar los valores de las barras en el
bucle()función y vuelva a dibujar el gráfico de barras a intervalos regulares.
Conclusión
Crear gráficos de barras en una pantalla LCD COG de 192x64 es un proceso relativamente sencillo que implica conectar la pantalla LCD a un microcontrolador, inicializar la pantalla LCD, definir los datos del gráfico de barras, dibujar las barras en la pantalla LCD y personalizar el gráfico de barras. Si sigue los pasos descritos en este blog, debería poder crear sus propios gráficos de barras en una pantalla LCD COG de 192x64.
Si está interesado en comprar una pantalla LCD COG de 192x64 o tiene alguna pregunta sobre la creación de gráficos de barras en estas pantallas, no dude en contactarnos para obtener más información y analizar sus requisitos específicos. Estamos aquí para ayudarle a encontrar la mejor solución para sus necesidades.
Referencias
- Documentación de la biblioteca U8g2
- Documentación del IDE de Arduino
- Hojas de datos LCD