Escolar Documentos
Profissional Documentos
Cultura Documentos
Como Usar Display Nextion Com Arduíno
Como Usar Display Nextion Com Arduíno
>
O Display Serial Nextion 2.4″ é perfeito para montar um IHM (Interface Homem-Máquina, ou HMI Human-Machine
Interface), que consiste em uma tela com comandos (sejam ele botões, checkbox e outros) para enviar e receber informações
de máquinas e equipamentos, inclusive podendo ser usado em sistemas de automação residencial.
O display tem um conector de 4 fios com conexões para a comunicação UART/Serial (fios amarelo e azul, na imagem
abaixo) e alimentação 5VDC (fios preto e vermelho).
Página 1 de 8
Na parte de trás da placa podemos ver com detalhes o conector de 4 fios e também um slot para cartão micro SD, que pode
ser usado para transferir o arquivo de vídeo diretamente para o display.
A alimentação do display requer um cuidado especial, já que ele precisa de pelo menos 500mA para funcionar
adequadamente. Junto com o display vem um pequeno adaptador micro USB que você pode usar para alimentar
externamente o display usando um carregador de celular, por exemplo.
A programação do display Nextion também permite que você tenha várias páginas (ou telas) no display, que pode ser usado
por exemplo para criar submenus de configuração, avisos, telas de ajuda ou fornecer outras informações relevantes para o
operador.
Página 2 de 8
Como programar o display
Como mencionei anteriormente, o Nextion é programado de forma separada utilizando uma IDE própria (Nextion Editor),
onde você desenha o layout com botões, textos, barras de progresso, etc, e depois faz a interface com o microcontrolador
para que eles realizem a devida comunicação.
A transferência do programa do display pode ser feita de 2 maneiras: utilizando um conversor USB-Serial como a placa
FTDI 232RL, ou você cria o programa no Nextion Editor, copia o arquivo TFT do projeto para um arquivo micro SD e
coloca o cartão no slot para que o display seja atualizado.
O Nextion Editor para programação do display pode ser baixado neste link. Eu preferi baixar o arquivo em formato ZIP e
depois executei o arquivo NextionEditor.exe, que vai mostrar a tela inicial do programa (clique na imagem para ampliar):
No lado esquerdo da tela temos a Toolbox, que contém os elementos que podem ser utilizados no display, como sliders,
botões, gauges (mostradores), checkbox, radio, entre outros.Já no lado direito temos os atributos de cada um desses
elementos. São esses atributos que vamos utilizar para realizar corretamente a comunicação com o microcontrolador.
Página 3 de 8
Para facilitar, eu coloquei no Github (download) o projeto da tela mostrada na primeira imagem deste post, assim como o
arquivo TFT se você deseja passar diretamente para o display. Como são muitos parâmetros para configurar, vou explicar
aqui como eu criei o botão principal. O procedimento para os demais elementos segue a mesma lógica, ok?
A primeira coisa é criar um novo projeto, clicando em New no menu superior. O Nextion Editor vai abrir uma tela
perguntando qual o tipo de display que você vai usar. O nosso modelo é o NX3224T024_011, o primeiro da lista:
Nessa mesma tela, vá na opção DISPLAY e selecione como será o layout, que pode ser vertical ou horizontal (angulos de
0, 90, 180 e 270 graus):
Página 4 de 8
Feito isso, clique em OK para ir para a janela de edição.
Para criação do botão principal, selecione Button na Toolbox (que está no lado esquerdo, lembra?) e o elemento já será
adicionado ao layout que criamos. Clicando no botão recém-criado, podemos mexer nos atributos desse elemento:
No momento os parâmetros mais importantes na tela de atributos são o ID e o objname. Esses dois campos devem estar
exatamente iguais no programa do Arduino para que a comunicação seja feita de maneira correta. Na imagem abaixo você
confere o ID e o OBJNAME do botão criado para o ambiente de testes:
Página 5 de 8
Os demais parâmetros se referem à cor do botão (você pode usar uma cor única, ou alguma imagem), tamanho, posição e
valor inicial, assim como definir um texto que irá aparecer no botão.
Como comentei anteriormente, para criação dos demais elementos você pode usar o mesmo processo. Abra na IDE do
Nextion o arquivo que você baixou do Github para verificar como foram criados os textos, botões radio, etc.
Transfira então o programa do display via conversor serial ou cartão micro SD para que o mesmo já fique gravado na
memória de vídeo antes de conectar o display no Arduino.
A conexão é bem simples: conecte o TX do display no pino 17 (RX2) do Arduino Mega, e o pino RX do display no pino
16 (TX2).
Para alimentação, utilize uma fonte externa de 5VDC e pelo menos 500mA.
Dúvidas na instalação da biblioteca? Confira o post Como instalar uma biblioteca na IDE Arduino.
Podemos ver que o programa é bem compacto, ocupando cerca de 3% da memória disponível no Arduino e liberando o
restante para outras aplicações. Note que se fosse necessário usar uma biblioteca do Arduino para montar as telas do
display, ocuparíamos grande parte da memória apenas com a configuração de vídeo.
Página 6 de 8
Procurei colocar os comentários nas partes principais do programa mas gostaria de destacar as linhas 6, 7, 8 e 9, onde estão
configurados os parâmetros de comunicação com o display.
Quando programamos a tela, o ID do botão recebeu o valor 4, e configuramos o objname como botao1, então na linha 6
temos o comando:
Página 8 de 8