Skip to main content

Primeros pasos con la placa de expansión ePaper


Conoce la placa de expansión XIAO eInk, 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 una conexión perfecta a nuestra serie de productos eInk. Si buscas ampliar tus opciones, el conector de 8 pines de 2.54 te permite integrar fácilmente cualquier microcontrolador de tu elección. Piensa en esta placa como el "Mejor Amigo Para Siempre" de tu eInk, mejorando sus capacidades y facilitándote la vida.

note

Esta placa de expansión 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 confiable a las pantallas eInk.
  • Socket XIAO: Te permite usar XIAO como procesador, ofreciendo una solución de control compacta pero potente.
  • Conector de 8 pines de 2.54: Ofrece flexibilidad al permitirte conectar a cualquier microcontrolador, abriendo un mundo de posibilidades.
  • Plug-and-Play: Diseñado para facilidad de uso, perfecto tanto para principiantes como para expertos.
  • Aplicaciones versátiles: Adecuado para una amplia gama de pantallas eInk, desde tamaños pequeños hasta grandes.

Aplicaciones

  • Señalización digital: Usa la placa de expansión eInk para crear señales digitales dinámicas y eficientes en energía.
  • Lectores electrónicos: Construye tu propio lector electrónico personalizado con características adaptadas a tus necesidades.
  • Paneles de control para hogar inteligente: Integra la placa en un sistema de hogar inteligente para un panel de control elegante y moderno.
  • Etiquetas de precios para retail: Crea etiquetas de precios electrónicas para una experiencia retail más eficiente y ecológica.
  • Herramientas educativas: Desarrolla materiales educativos interactivos que pueden actualizarse fácilmente y son eficientes en energía.

Descripción del hardware

  1. Conector FPC de 24 pines: Para el ePaper de 2.13 pulgadas.
  2. Socket XIAO: Para conectar la placa de desarrollo Seeed Studio XIAO.
  3. Salida de E/S: Para conectar otros controladores, como Arduino UNO o Raspberry Pi.

Definiciones de pines

Pines SPI eInkXIAO
RSTD0
CSD1
DCD3
BUSYD5
SCKD8
MOSID10

eInk compatibles

  1. E-paper de 1.54 pulgadas - Dotmatix 200x200
  2. E-Paper de 2.13 pulgadas - Monocromático flexible 212x104
  3. E-Paper de 2.13 pulgadas - Cuádruple 212x104
  4. E-paper de 2.9 pulgadas - Monocolor 128x296
  5. E-paper de 2.9 pulgadas - Color cuádruple 128x296
  6. E-Paper de 4.2 pulgadas - Monocolor 400x300
  7. E-Paper de 4.26 pulgadas - Monocolor 800x480
  8. E-paper de 5.65 pulgadas - Siete colores 600x480
  9. E-paper de 5.83 pulgadas - Monocolor 648x480
  10. E-paper de 7.5 pulgadas - Monocolor 800x480
  11. E-paper de 7.5 pulgadas - Tri-Color 800x480

Preparación del hardware

Paso 1. Preparación de materiales

Seeed Studio XIAO SAMD21Seeed Studio XIAO RP2040Seeed Studio XIAO nRF52840 (Sense)Seeed Studio XIAO ESP32C3Seeed Studio XIAO ESP32S3 (Sense)

PASO 2. Inserta el XIAO en el Socket XIAO: Alinea los pines e inserta suavemente tu XIAO en el socket XIAO de la placa.

PASO 3. Inserta el eInk en el Conector FPC: Desliza cuidadosamente tu papel electrónico en el conector FPC de 24 pines de la Placa de Expansión ePaper.

Preparación del Software

La herramienta de programación recomendada es el IDE de Arduino, y necesitas configurar el entorno de Arduino para el XIAO y agregar el paquete de la placa.

tip

Si esta es tu primera vez usando Arduino, te recomendamos encarecidamente que consultes Comenzando con Arduino.

Paso 1. Inicia la aplicación Arduino.

Paso 2. Selecciona tu modelo de placa de desarrollo y agrégalo al IDE de Arduino.

  • Si quieres usar Seeed Studio XIAO SAMD21 para las rutinas posteriores, por favor consulta este tutorial para terminar de agregarlo.

  • Si quieres usar Seeed Studio XIAO RP2040 para las rutinas posteriores, por favor consulta este tutorial para terminar de agregarlo.

  • Si quieres usar Seeed Studio XIAO nRF52840 para las rutinas posteriores, por favor consulta este tutorial para terminar de agregarlo.

  • Si quieres usar Seeed Studio XIAO ESP32C3 para las rutinas posteriores, por favor consulta este tutorial para terminar de agregarlo.

  • Si quieres usar Seeed Studio XIAO ESP32S3 para las rutinas posteriores, por favor consulta este tutorial para terminar de agregarlo.

Usando la Biblioteca Seeed_Arduino_LCD

Paso 3. Instala la Biblioteca Seeed Arduino LCD

tip

Esta biblioteca tiene la misma función que la biblioteca TFT y no es compatible con esta biblioteca. Si has instalado la biblioteca TFT, por favor desinstálala primero.

Descarga e instala la biblioteca Seeed Arduino LCD desde GitHub.


Después de descargar la biblioteca, ve a Sketch -> Incluir Biblioteca -> Agregar Biblioteca .ZIP y selecciona la biblioteca descargada.

Hay 4 ejemplos básicos, abre un ejemplo básico que te guste:

  1. Bitmap: Muestra una imagen bitmap.
  2. Clock: Muestra un reloj.
  3. Clock_digital: Muestra un reloj digital.
  4. HelloWorld: Muestra patrones básicos y texto de diferentes tamaños en la pantalla de tinta electrónica.
  5. Shape: Muestra palabras y formas de diferentes tamaños aleatoriamente.

Paso 4. Sube el Código

Antes de subir el código, necesitas abrir User_Setup_Select.h en la biblioteca Seeed_Arduino_LCD.

Dado que este ejemplo usa una pantalla de tinta electrónica de 2.9 pulgadas, necesitamos comentar la línea 160 #include <User_Setups/Setup666_XIAO_ILI9341.h> en este archivo, y descomentar la línea 165 #include <User_Setups/Setup504_Seeed_XIAO_EPaper_2inch9.h>. Si estás usando otras pantallas de tinta electrónica, por favor sigue este enfoque para hacer modificaciones.

Después de eso, ve a Herramientas -> Placa -> XIAO ESP32C6 y Herramientas -> Puerto -> Selecciona el puerto al que está conectada tu placa. Luego haz clic en Subir para subir el código.

¡Ahora verás la respuesta en tu pantalla de papel electrónico! A continuación están los resultados de los ejemplos Helloworld.

caution

Si estás usando una pantalla de tinta electrónica de 1.54 pulgadas o 2.9 pulgadas, debido a sus chips controladores, puede ocurrir parpadeo al usar efectos dinámicos como relojes. Por favor ten la seguridad de que esto no es un problema del programa. Sin embargo, no se recomienda ejecutar ejemplos de efectos dinámicos por períodos prolongados para evitar reducir la vida útil de la pantalla.

Si estás usando pantallas de 5.83 y 7.5 pulgadas, tienen chips diferentes, por lo que no tendrá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

Esta 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 parte superior de la pantalla de tinta electrónica, ¡comencemos!

Paso 1.Seleccionar imagen

Primero elige la imagen que quieras, trata de no exceder el tamaño de 800*480.

Paso 2.Configuración de Imagen

  • Tamaño 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 Imagen
    • Invertir Color de Imagen: Esta opción se usa para invertir los colores de la imagen. Cuando se selecciona, los colores de la imagen se invertirán.
  • Umbral de Brillo / Alfa

    • Umbral de Brillo / Alfa: Establece el valor de brillo de los píxeles, que va de 0 a 255. 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 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, puedes ver una vista previa de cómo aparecerá tu imagen aquí

Paso 4.Salida

  • Copia el código convertido
  • Reemplaza el código de imagen en este archivo de encabezado

Efecto de Visualización

Uso del software Image2lcd

Cómo Hacer una Imagen

Usa el software integrado Paint en Windows para crear una imagen con la misma resolución que la pantalla que estás usando, y guárdala como archivo BMP o JPG;

note

La resolución de tu imagen debe ser la misma que la pantalla que estás usando, por ejemplo, el E-paper de 4.2 pulgadas es de 400 x 300 píxeles, entonces no puedes usar el tamaño de 300 x 400, causará que la salida del archivo .h de iamge2lcd tenga 200 bytes extra.

Los colores de la imagen deben ser consistentes con los colores estándar de la tabla de dibujo que viene con Windows. El color de la tabla de dibujo es el siguiente:

E-paperColores
E-paper de 1.54 pulgadas - Dotmatix 200x200negro puro y blanco
E-Paper de 2.13 pulgadas - Monocromático Flexible 212x104negro puro y blanco
E-Paper de 2.13 pulgadas - Cuádruple 212x104negro, blanco, rojo y amarillo
E-paper de 2.9 pulgadas - Monocolor 128x296negro puro y blanco
e-paper de 2.9 pulgadas - Color cuádruple 128x296negro, blanco, rojo y amarillo
E-Paper de 4.2 pulgadas - Monocolor 400x300negro puro y blanco
E-Paper de 4.26 pulgadas - Monocolor 800x480negro puro y blanco
E-paper de 5.65 pulgadas - Siete colores 600x480negro, blanco, rojo, amarillo, azul, verde, naranja
E-paper de 5.83 pulgadas - Monocolor 648x480negro puro y blanco
E-paper de 7.5 pulgadas - Monocolor 800x480negro puro y blanco
E-paper de 7.5 pulgadas - Tri-Color 800x480negro puro y blanco

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 "Tipo de archivo de salida" como "C array (*.c)", selecciona el "Modo de escaneo" como "Escaneo Horizontal", la configuración de otros parámetros se muestra a continuación:

EpaperBitPixlAncho y Alto MáximoColor inversoModo de visualización
E-paper de 1.54 pulgadas - Dotmatix 200x200Monocromático200x200Espejo izquierda-derecha
E-Paper de 2.13 pulgadas - Monocromático Flexible 212x104Monocromático104x212Normal
E-Paper de 2.13 pulgadas - Cuádruple 212x104 4 Grises104x212/Normal
E-paper de 2.9 pulgadas - Monocolor 128x296Monocromático128x296Normal
e-paper de 2.9 pulgadas - Color cuádruple 128x296 4 Grises128x296/Normal
E-Paper de 4.2 pulgadas - Monocolor 400x300Monocromático400x300Espejo izquierda-derecha
E-Paper de 4.26 pulgadas - Monocolor 800x480Monocromático800x480/Espejo izquierda-derecha
E-paper de 5.65 pulgadas - Siete colores 600x480256 colores600x448/Normal
E-paper de 5.83 pulgadas - Monocolor 648x480Monocromático600x480Espejo izquierda-derecha
E-paper de 7.5 pulgadas - Monocolor 800x480Monocromático800x480Espejo izquierda-derecha
E-paper de 7.5 pulgadas - Tri-Color 800x480Monocromático800x480/Normal
tip
  • Después de establecer el Ancho Máximo y la Altura, es necesario hacer clic en la flecha para confirmar.
  • No incluir datos de cabecera.

Paso 3. Haz clic en "Save" para guardar el array de salida lcd como un archivo .h.

Recursos

Soporte Técnico y Discusión del Producto

¡Gracias por elegir nuestros productos! Estamos aquí para brindarle diferentes tipos de soporte para asegurar que su experiencia con nuestros productos sea lo más fluida posible. Ofrecemos varios canales de comunicación para satisfacer diferentes preferencias y necesidades.

Loading Comments...