Primeros pasos con la ePaper Breakout Board
Conoce la XIAO eInk Expansion Board, tu solución ideal para controlar pantallas eInk con la familia XIAO sin esfuerzo. Diseñada con un conector FPC de 24 pines, esta placa proporciona un enlace perfecto con nuestra serie de productos eInk; si quieres ampliar tus opciones, el header de 8 pines 2.54 te permite integrar fácilmente cualquier microcontrolador de tu elección. Piensa en esta placa como la “mejor amiga para siempre” de tu eInk, ampliando sus capacidades y facilitándote la vida.
Esta breakout board no incluye una pantalla eInk; la pantalla debe comprarse por separado.
Introducción
Características
- Conector FPC de 24 pines: Proporciona una conexión robusta y fiable a las pantallas eInk.
- Zócalo XIAO: Te permite usar XIAO como procesador, ofreciendo una solución de control compacta pero potente.
- Header de 8 pines 2.54: Ofrece flexibilidad al permitirte conectar cualquier microcontrolador, abriendo un mundo de posibilidades.
- Plug-and-Play: Diseñada para ser fácil de usar, perfecta tanto para principiantes como para expertos.
- Aplicaciones versátiles: Adecuada para una amplia gama de pantallas eInk, desde tamaños pequeños hasta grandes.
Aplicaciones
- Señalización digital: Usa la eInk Breakout Board para crear carteles digitales dinámicos y de bajo consumo.
- Lectores electrónicos: Construye tu propio lector electrónico personalizado con funciones adaptadas a tus necesidades.
- Paneles de control para hogar inteligente: Integra la placa en un sistema de hogar inteligente para un panel de control moderno y elegante.
- Etiquetas de precio para retail: Crea etiquetas de precio electrónicas para una experiencia de venta más eficiente y ecológica.
- Herramientas educativas: Desarrolla materiales educativos interactivos que puedan actualizarse fácilmente y sean de bajo consumo.
Descripción general del hardware
- Conector FPC de 24 pines: Para la ePaper de 2,13 pulgadas.
- Zócalo XIAO: Para conectar la placa de desarrollo Seeed Studio XIAO.
- IO Break out: Para conectar otros controladores, como Arduino UNO o Raspberry Pi.
Definiciones de pines
| Pines SPI de eInk | XIAO |
|---|---|
| RST | D0 |
| CS | D1 |
| DC | D3 |
| BUSY | D5 |
| SCK | D8 |
| MOSI | D10 |
eInk compatible
- E-paper de 1,54 pulgadas - Matriz de puntos 200x200
- E-Paper de 2,13 pulgadas - Flexible monocromo 212x104
- E-Paper de 2,13 pulgadas - Cuádruple 212x104
- E-paper de 2,9 pulgadas - Monocolor 128x296
- E-Paper de 4,2 pulgadas - Monocolor 400x300
- E-Paper de 4,26 pulgadas - Monocolor 800x480
- E-paper de 5,65 pulgadas - Siete colores 600x480
- E-paper de 5,83 pulgadas - Monocolor 648x480
Preparación de hardware
Paso 1. Preparación de materiales
| Seeed Studio XIAO SAMD21 | Seeed Studio XIAO RP2040 | Seeed Studio XIAO nRF52840 (Sense) | Seeed Studio XIAO ESP32C3 | Seeed Studio XIAO ESP32S3 (Sense) |
|---|---|---|---|---|
 |  |  |  |  |
PASO 2. Inserta el XIAO en el zócalo XIAO: Alinea los pines e inserta suavemente tu XIAO en el zócalo XIAO de la placa.
PASO 3. Inserta la eInk en el conector FPC: Desliza con cuidado tu E-paper en el conector FPC de 24 pines de la ePaper Breakout Board.
Preparación de software
La herramienta de programación recomendada es el Arduino IDE, y necesitas configurar el entorno de Arduino para el XIAO y añadir el paquete integrado.
Si es la primera vez que usas Arduino, te recomendamos encarecidamente que consultes Primeros pasos con Arduino.
Paso 1. Inicia la aplicación Arduino.
Paso 2. Selecciona el modelo de tu placa de desarrollo y añádelo al Arduino IDE.
-
Si quieres usar Seeed Studio XIAO SAMD21 para las rutinas posteriores, consulta este tutorial para completar la adición.
-
Si quieres usar Seeed Studio XIAO RP2040 para las rutinas posteriores, consulta este tutorial para completar la adición.
-
Si quieres usar Seeed Studio XIAO nRF52840 para las rutinas posteriores, consulta este tutorial para completar la adición.
-
Si quieres usar Seeed Studio XIAO ESP32C3 para las rutinas posteriores, consulta este tutorial para completar la adición.
-
Si quieres usar Seeed Studio XIAO ESP32S3 para las rutinas posteriores, consulta este tutorial para completar la adición.
Instalar la biblioteca Seeed GFX
Paso 3. Instalar la biblioteca Seeed GFX
Esta biblioteca tiene la misma función que la biblioteca TFT y no es compatible con ella. Si has instalado la biblioteca TFT u otras bibliotecas de pantalla similares, desinstálalas primero.
Descarga e instala la biblioteca Seeed GFX desde GitHub.
Desplázate hacia abajo y abre este enlace.
Selecciona el tipo de dispositivo y generará algo de código. Copia ese código y lo usaremos más tarde.
Si haces una elección incorrecta, la pantalla no mostrará nada.
Así que asegúrate del tipo de tus dispositivos o componentes.
Después de descargar la biblioteca, ve a Sketch -> Include Library -> Add .ZIP Library y selecciona la biblioteca descargada.
Hay 4 ejemplos básicos, abre un ejemplo básico que te guste:
- Bitmap: Muestra una imagen de mapa de bits.
- Clock: Muestra un reloj.
- Clock_digital: Muestra un reloj digital.
- Shape: Muestra diferentes tamaños de palabras y formas aleatoriamente.
Cargar el código
Crea un nuevo archivo "driver.h" y pega ese código en él. El código debería ser como:
#define BOARD_SCREEN_COMBO 504 // 2.9 inch monochrome ePaper Screen （SSD1680）
#define USE_XIAO_EPAPER_BREAKOUT_BOARD
Después de eso, ve a Tools -> Board -> XIAO ESP32C6 y Tools -> Port -> Select the port your board is connected to. Luego haz clic en Upload para cargar el código.
¡Ahora verás la respuesta en tu pantalla de papel electrónico! A continuación se muestran los resultados de los ejemplos de Helloworld.
Si estás utilizando una pantalla de tinta electrónica de 1,54 pulgadas o 2,9 pulgadas, debido a sus chips controladores, puede producirse parpadeo al usar efectos dinámicos como relojes. Ten la seguridad de que esto no es un problema del programa. Sin embargo, no se recomienda ejecutar ejemplos de efectos dinámicos durante períodos prolongados para evitar reducir la vida útil de la pantalla.
Si estás utilizando pantallas de 5,83 y 7,5 pulgadas, tienen chips diferentes, por lo que no presentarán el fenómeno de parpadeo.
Software de extracción de imágenes
Uso de los sitios web (recomendado)
Aquí estoy usando una pantalla de tinta electrónica de 7,5 pulgadas para la prueba
Cómo hacer una imagen
Este URL proporciona una operación de extracción de imágenes muy conveniente, que puede ayudarnos fácilmente a mostrar una variedad de imágenes en la pantalla de tinta electrónica, ¡vamos a empezar!
Paso 1.Seleccionar imagen
Primero elige la imagen que quieras, intenta no exceder el tamaño de 800*480.
Paso 2.Configuración de la imagen
-
Tamaño(s) del lienzo
- Tamaño del lienzo: Establece las dimensiones del lienzo. Por ejemplo, 800 x 480 píxeles significa que el ancho del lienzo es de 800 píxeles y la altura es de 480 píxeles.
-
Color de fondo
-
Color de fondo: Elige el color de fondo del lienzo. Las opciones incluyen:
-
Blanco: Fondo blanco
-
Negro: Fondo negro
-
-
Transparente: Fondo transparente
- Invertir color de la imagen
- Invertir color de la imagen: Esta opción se utiliza para invertir los colores de la imagen. Cuando se selecciona, los colores de la imagen se invertirán.
-
Brillo / Umbral alfa
- Brillo / Umbral alfa: Establece el valor de brillo de los píxeles, que va de 0 a 255. Los valores más altos hacen que los píxeles sean más brillantes; los píxeles por debajo de este valor se volverán negros.
-
Escalado
- Escalado: Elige el método de escalado para la imagen. Las opciones incluyen:
-
Tamaño original: Mantener el tamaño original
- Otras opciones de escalado (las opciones específicas pueden necesitar más explicación)
-
Centrar
- Centrar: Elige si deseas centrar la imagen en el lienzo. Nota: Esta opción solo funciona si la imagen es más grande que el tamaño original.
Paso 3.Vista previa
Una vez que la configuración esté completa, aquí podrás ver una vista previa de cómo aparecerá tu imagen
Paso 4.Salida
- Copia el código convertido
- Sustituye el código de la imagen en este archivo de cabecera
Efecto de visualización
Uso del software Image2lcd
Cómo hacer una imagen
Utiliza el software incorporado Paint en Windows para crear una imagen con la misma resolución que la pantalla que estás utilizando y guárdala como archivo BMP o JPG;
La resolución de tu imagen debe ser la misma que la de la pantalla que estás utilizando, por ejemplo, el papel electrónico de 4,2 pulgadas es de 400 x 300 píxeles, entonces no puedes usar el tamaño de 300 x 400, causará que iamge2lcd genere un archivo .h con 200 bytes adicionales.
Los colores de la imagen deben ser coherentes con los colores estándar del tablero de dibujo que viene con Windows. El color del tablero de dibujo es el siguiente:
| Papel electrónico | Colores |
|---|---|
| Papel electrónico de 1,54 pulgadas - Matriz de puntos 200x200 | blanco y negro puros |
| Papel electrónico de 2,13 pulgadas - Flexible monocromo 212x104 | blanco y negro puros |
| Papel electrónico de 2,13 pulgadas - Cuádruple 212x104 | negro, blanco, rojo y amarillo |
| Papel electrónico de 2,9 pulgadas - Monocolor 128x296 | blanco y negro puros |
| Papel electrónico de 2,9 pulgadas - Cuádruple color 128x296 | negro, blanco, rojo y amarillo |
| Papel electrónico de 4,2 pulgadas - Monocolor 400x300 | blanco y negro puros |
| Papel electrónico de 4,26 pulgadas - Monocolor 800x480 | blanco y negro puros |
| Papel electrónico de 5,65 pulgadas - Siete colores 600x480 | negro, blanco, rojo, amarillo, azul, verde, naranja |
| Papel electrónico de 5,83 pulgadas - Monocolor 648x480 | blanco y negro puros |
| Papel electrónico de 7,5 pulgadas - Monocolor 800x480 | blanco y negro puros |
| Papel electrónico de 7,5 pulgadas - Tricolor 800x480 | blanco y negro puros |
Conversión de mapa de bits
Paso 1. Abre Image2lcd.7z, extráelo y abre la aplicación.
Paso 2. Abre la imagen, selecciona el "Output file type" como "C array (*.c)", selecciona el "Scan mode" como "Horizon Scan", la configuración de los otros parámetros se muestra a continuación:
| Papel electrónico | BitPixl | Ancho y alto máximos | Invertir color | Modo de visualización |
|---|---|---|---|---|
| Papel electrónico de 1,54 pulgadas - Matriz de puntos 200x200 | Monocromo | 200x200 | ✅ | Espejo izquierda-derecha |
| Papel electrónico de 2,13 pulgadas - Flexible monocromo 212x104 | Monocromo | 104x212 | ✅ | Normal |
| Papel electrónico de 2,13 pulgadas - Cuádruple 212x104 | 4 grises | 104x212 | / | Normal |
| Papel electrónico de 2,9 pulgadas - Monocolor 128x296 | Monocromo | 128x296 | ✅ | Normal |
| Papel electrónico de 2,9 pulgadas - Cuádruple color 128x296 | 4 grises | 128x296 | / | Normal |
| Papel electrónico de 4,2 pulgadas - Monocolor 400x300 | Monocromo | 400x300 | ✅ | Espejo izquierda-derecha |
| Papel electrónico de 4,26 pulgadas - Monocolor 800x480 | Monocromo | 800x480 | / | Espejo izquierda-derecha |
| Papel electrónico de 5,65 pulgadas - Siete colores 600x480 | 256 colores | 600x448 | / | Normal |
| Papel electrónico de 5,83 pulgadas - Monocolor 648x480 | Monocromo | 600x480 | ✅ | Espejo izquierda-derecha |
| Papel electrónico de 7,5 pulgadas - Monocolor 800x480 | Monocromo | 800x480 | ✅ | Espejo izquierda-derecha |
| Pantalla E-paper de 7,5 pulgadas - Tricolor 800x480 | Monocromo | 800x480 | / | Normal |
- Después de configurar el ancho y alto máximos, es necesario hacer clic en la flecha para confirmar.
- No incluyas los datos de cabecera.
Paso 3. Haz clic en "Save" para guardar la matriz de salida lcd como un archivo .h.
Recursos
- [ZIP] Archivo Eagle de PCB&SCH
Soporte técnico y debate sobre el producto
Gracias por elegir nuestros productos. Estamos aquí para ofrecerte diferentes tipos de soporte y garantizar que tu experiencia con nuestros productos sea lo más fluida posible. Ofrecemos varios canales de comunicación para adaptarnos a diferentes preferencias y necesidades.