Pular para o conteúdo principal

Grove - Display de E-Ink de Três Cores 1,54"

pir

O Grove - Triple Color E-Ink Display 1.54'' é uma tela que ainda pode exibir a imagem após ser desligada; nós a chamamos de E-Paper (papel eletrônico) ou E-Ink. O display é uma tela eletroforética de matriz ativa TFT, com interface e um projeto de sistema de referência. A área ativa de 1,54 polegada contém 152x152 pixels e possui capacidades de exibição completa de 1 bit branco/preto e 1 bit vermelho.

Devido às vantagens como consumo de energia ultrabaixo, amplo ângulo de visão e visualização nítida sem eletricidade, é uma escolha ideal para aplicações como etiqueta de prateleira, instrumento industrial e assim por diante.

pir

Recurso

  • Alto contraste
  • Alta refletância
  • Ângulo de visão ultra amplo
  • Consumo de energia ultrabaixo
  • RAM de exibição integrada

Especificação

ItemValor
Tensão de alimentação3.3V / 5V
Temperatura de operação0~40℃
Temperatura de armazenamento-25~60℃
Faixa de umidade40~70%RH
Resolução do display152(H) x 152(V) pixel
DPI140
InterfaceUART
Taxa de baud com Arduino230400
nota

Atualizações contínuas frequentes causarão danos irreparáveis ao E-Ink. Recomenda-se que o intervalo de atualização seja maior que 180s.

Pinout

Grove - Triple Color E-Ink Display 1.54'' pinout
Figura 1. pinout

Plataformas Suportadas

ArduinoRaspberry Pi

pir

pir

Primeiros Passos

Demo com Arduino

Hardware

Materiais necessários

Seeeduino V4.2Base ShieldGrove - Triple Color E-Ink Display 1.54''

pir

pir

pir

Adquira agoraAdquira agoraAdquira agora
nota

1 Conecte o cabo USB com cuidado, caso contrário você pode danificar a porta. Use o cabo USB com 4 fios internos; o cabo de 2 fios não pode transferir dados. Se você não tiver certeza sobre o cabo que possui, pode clicar aqui para comprar

2 Cada módulo Grove vem com um cabo Grove quando você o compra. Caso você perca o cabo Grove, pode clicar aqui para comprar.

  • Passo 1. Conecte o Grove - Base Shield ao Seeeduino.

  • Passo 2. Conecte o Seeeduino ao PC por meio de um cabo USB.

  • Passo 3. Baixe o código; consulte a parte de software.

  • Passo 4. Conecte o Grove - Triple Color E-Ink Display 1.54'' à porta UART do Grove-Base Shield.

Grove - Triple Color E-Ink Display 1.54'' connect
Figura 2. connection
nota

Este módulo se comunica com a placa de controle por meio da interface UART. Se você usar a placa Atmega328p como Arduino UNO ou Seeeduino V4.2, precisará desconectar este módulo antes de fazer o download do código, porque há apenas uma porta serial de hardware. Se este módulo ocupar a porta UART, o programa de download não poderá usar a porta serial. Porém, se você usar uma placa SAMD, como o seeeduino Lotus ou o Arduino Mega, há duas ou mais portas seriais de hardware disponíveis. Portanto, não há necessidade de desconectar o módulo antes do download.

Software

nota

Se esta é a primeira vez que você trabalha com Arduino, recomendamos fortemente que você veja Getting Started with Arduino antes de começar.

  • Passo 1. Baixe o código de demonstração do Github.

  • Passo 2. Abra o arquivo E_ink154_factoryCode.ino com a sua IDE do Arduino.

  • Passo 3. Faça o upload do demo. Se você não souber como fazer o upload do código, verifique How to upload code.

success

Se tudo correr bem, você verá o display piscando e o display mostrará o logo da Seeed

DIY

Grove - Triple Color E-Ink Display 1.54'' DIY
Figura 3. DIY demo

Será muito divertido exibir sua própria imagem; agora, vamos mostrar como fazer o DIY do seu próprio E-paper.

Antes de começar, verifique novamente o E_ink154_factoryCode.ino. Você pode encontrar facilmente os dois arrays.

const unsigned char IMAGE_BLACK[] PROGMEM = { /* 0X00,0X01,0XC8,0X00,0XC8,0X00, */
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
....
....
....
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,};

e

const unsigned char IMAGE_RED[] PROGMEM = { /* 0X00,0X01,0XC8,0X00,0XC8,0X00, */
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
....
....
....
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,
0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,0XFF,};

Como você pode ver, os dois arrays são chamados const unsigned char IMAGE_BLACK[] e const unsigned char IMAGE_RED[],

const unsigned char IMAGE_BLACK[] é usado para exibir a imagem preta
const unsigned char IMAGE_RED[] é usado para exibir a imagem vermelha

Na verdade, para exibir sua própria imagem, você só precisa substituir esses dois arrays de imagem. Ou seja, você só precisa obter seus próprios arrays de imagem. Felizmente, existe uma ferramenta chamada Image2LCD; você pode procurá-la no Google, não é difícil de encontrar. Suponha que você já tenha baixado e instalado este software. A seguir, mostraremos como usar este software.

  • Passo 1. Prepare uma imagem de 152*152 pixels.
dica

A tela de tinta só oferece suporte a imagens com nível de cinza de segunda ordem, ou seja, preto e branco. Se o nível de cinza da imagem for muito alto, as cores completas não poderão ser exibidas completamente.

  • Passo 2. Abra o software Image2LCD e clique no ícone Open para abrir sua imagem. Você verá a seguinte janela.
Grove - Triple Color E-Ink Display 1.54'' DIY
Figura 4. Configuração do Image2LCD

Por favor, marque as opções correspondentes conforme mostrado acima.

  1. Tipo de arquivo de saída -> *.C
  2. Modo de varredura -> Horizon Scan
  3. BitsPixel -> monocromático
  4. Largura e Altura máximas -> 152 x 152
  5. Reverse color: Se você precisa marcar esta opção ou não depende do efeito que você deseja exibir. Para mais detalhes, por favor verifique a Tabela 1 abaixo.
  • Passo 3. Depois de configurar as opções acima, você só precisa clicar no botão Save no canto superior esquerdo para gerar o array de imagem correspondente. Em seguida, substitua o array factoryCode pelo seu próprio array de imagem.
Grove - Triple Color E-Ink Display 1.54'' DIY
Figura 5. Apenas substitua a parte selecionada com a caixa vermelha, o que significa que você deve manter o nome do array

Como mencionamos acima, existem dois arrays, você pode ficar confuso: qual deles substituir? Bem, isso depende de qual efeito de exibição você deseja. Verifique a Tabela 1.

DisplayImagem vermelha com fundo pretoImagem vermelha com fundo brancoImagem preta com fundo vermelhoImagem branca com fundo vermelho
Black Array00FF00FF
Red ArrayImage(Reversed)Image(Reversed)ImageImage
DisplayTela inteira vermelhaImagem preta com fundo brancoImagem vermelha com fundo vermelhoImagem branca com fundo preto
Black ArrayImage(Reversed)Image(Reversed)ImageImage
Red Array00FF00FF
Tabela 1.Efeito de exibição do array
nota

a.00 significa que todos os elementos no array são 0x00, na verdade você precisa de 2888 0x00
b.FF significa que todos os elementos no array são 0xFF, na verdade você precisa de 2888 0xFF
c.Image(Reversed) significa que você precisa marcar a opção Reverse color no Passo 2(Figura 4)
b.Image significa não marcar a opção Reverse color no Passo 2(Figura 4)

dica

Fazer um array de 2888 0x00 ou 0xFF?
Não se preocupe, entendemos a sua dor, você só precisa clicar no arquivo 0x00.c e 0xFF.c e copiar para o seu código.

0x00.c
0xff.c

Nós consideramos que o estado original é tela inteira branca. Ao atualizar a imagem, o array preto é atualizado primeiro, depois o array vermelho é atualizado, e a imagem do array vermelho sobrescreve a imagem preta.

Este display é 152 x 152, então há 152x152=23104 pixels, cada pixel é controlado por um bit. O elemento no array é um número hexadecimal de dois dígitos, como 0xF0. Convertendo 0xF0 para um número binário teremos 1111 0000. Um pixel com valor 1 exibirá branco, e um pixel com valor 0 exibirá a cor do array correspondente (vermelho ou preto). O que significa que cada elemento no array de imagem controla 8 pixels. Portanto, você precisa de um array de 23104/8=2888 elementos.

Passo 4. Baixe o código para o seu Arduino, depois conecte o módulo de display na placa Arduino. Após piscar por um tempo, você verá o padrão que definiu.

Visualizador de Esquemático Online

Recursos

Suporte Técnico & Discussão de Produto

Obrigado por escolher nossos produtos! Estamos aqui para fornecer diferentes tipos de suporte para garantir que sua experiência com nossos produtos seja a mais tranquila possível. Oferecemos vários canais de comunicação para atender a diferentes preferências e necessidades.

Loading Comments...