Nextion / Pulsador Con Enclave: 16 etapas

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:37

Lo primero que debemos tener filho los materiales necesarios que vamos a utilizar los cuales son:

1.- Arduino uno

2.- Pantalla Nextion (la que tengas não importa el tamaño de tu Nextion)

3.- 1 Led de tu color favorito

4.- 1 resistencia de 220 ohms

5.- Aproximadamente 10 cabos duplicados ou jumpers ou cabos simples para protoboard

6.- 1 protoboard

7.-1 tarjeta de memória SD com seu adaptador, ya sea para usb ou Micro SD

8.- cabo usb para conectar tu arduino

Etapa 1: Hacer Las Conexiones De Nuestra Nextion, Arduino, Led Y Resistencia

Como podemos observar na imagem tenemos 4 cabos que saem de Nextion na ordem de: negro, amarillo, azul e vermelho, leídos de izquierda a derecha.

Negro = GND (Ground o tierra).

Amarillo = RxD (pin digital para recibir los datos por serial que serán enviados por arduino).

Azul = TxD (pin digital para enviar los dados por serial a Arduino)

Rojo = Alimentación de voltaje de 5 voltios (tener en mente que un voltaje mayor dañara nuestra pantalla Nextion), pueden ser tomados de nuestro Arduino no pino de 5v.

Tomamos tierra y voltaje de nuestro Arduino uno, de los pines GND y 5V respectivamente, conectamos nuestro led al pin 2 digital de nuestro Arduino, seguido de uma resistencia de 220 ohms (puedes calcular la resistencia necesaria para tu led si deseas, pero en este caso se use la 220 ohms si tu led es naranja brilhante).

conectamos los pines de Rxd e TxD de Nextion a los pines de Arduino de la siguiente forma:

RxD de Nextion -------- TxD de Arduino.

TxD de Nextion -------- RxD de arduino

Etapa 2: Seleccionamos Nuestras Imágenes Para Generar Nuestro Boton

Se selecionar as imagens anteriores, e onde podemos ver os pulsadores da misma forma pero com cores diferentes, para simular o encendido e apagado cambiando a imagem.

As imagens devem ser recortadas e acopladas à medida de pixeles de novo Nextion no caso de Nextion "NX3224T024_011" de 2,4 pulgadas e o tamanho dos pixeles 320 X 240.

Etapa 3: Recortar Las Imágenes Y Acoplarlas Al Tamaño De Nextion

Se utilizar tinta para modificar, recortar e acoplar as medidas, também usar a tinta para modificar, recortar e acoplar as medidas, também usar a tinta no Adobe Ilustrator ou Photoshop; incluso para hacer una imagen mas a your gusto, recordando que deberá tener el tamaño en pixeles de 320 X 240, tal y como se muestra en la imagen 2 del recorte del pulsador verde.

Etapa 4: Ir um Editor Nuestro Nextion

Em caso de no tener nextion editor puedes descargarlo en la pagina:

nextion.itead.cc/resources/download/nextio…

la instalación es muy fácil o bien puedes ver mi tutorial para descargar e instalar o editor Nextion.

Etapa 5: Abrir Editor Nextion

Después de abrir Nextion Editor, seleccionamos el apartado de file y new, nos abre una pestaña para nombrar nuestro nuevo proyecto.

Etapa 6:

Guardamos nosso novo projeto com o nome que deseemos em meu caso escogi o nombre de "pulsador1", após se debe de escoger la pantalla Nextion con la que vamos a trabajar la cual es: "N3224T024_011", que viene alo de tu pantalla Nextion en letras color blanco (checar en caso de tener una diferente).

Uma vez es selecionado o dispositivo o "dispositivo" como a música deberemos selecionar, a direção do display, se escogar a opção de 90 grados "horizontal", assim como sera como visualicemos nuestra pantalla com uma rotação de 90 grados com respecto a la vertical.

Le damos a "ok" e nos abriremos uma nova página no Nextion Editor no centro, se observará a pantalla a trabalhar com o tamanho da nuestra Nextion 320 X 240.

Agregar as novas imagens para o pulsador, previamente recortadas e acopladas aos pixeles de nuestra Nextion, na opção de adicionar na parte inferior da mídia com o sinal "+" na opção de imagens como se muestra na imagem 4 desta seção.

Agregaremos também uma fonte de letra para o novo Editor de Nextion do programa não nos arroje ningún erro, esta agregado a este paso el arquivo com o nombre de "fuente1.zi", para inserir deberás selecionar "fontes" a um agregado de la sección damosamos las imágenes (parte inferior izquierda de Nextion Editor) como lo muestra la quinta imagen nesta seção.

Etapa 7: Agregamos Un Boton Tipo "Dual-State"

Uma vez que as imagens están en su sitio correcto así como también la fuente (del tipo de letras), agregamos un boton del type "dual-state" como lo muestra la primera imagen.

Lo extenderemos a lo largo y ancho de la pantalla Nextion, deberá quedar como en la segunda imagen abarcando los 320 x 240 pixeles.

Etapa 8: Selecionamos Y Agregamos Nuestras Imágenes

No apartado de atributos do botón, (nos aparecen seleccionando el botón agregado con doble clic o design for default.), Selecionaremos en la parte de "sta" la opcion de "image" como lo muestra la imagen.

Por defecto se encontrara en "cor sólida", é por eso que deberemos escoger la opción de "image"

Etapa 9: Una Vez Configurada Nuestra Opción De "imagem"

Procederemos a escoger en el apartado de pic0 la imagen con el botón color rojo (para apagado), y para el apartado de pic1 la imagen con el botón verde (para encendido).

Recordando que la imagen 0 o pic0 debe ser la color rojo debido a que nuestro led y botón comenzaran en esta posición (apagado) y que uma vez presionado deberá cambiar a la imagen que se encuentra en pic1 la cual es de botón encendido.

Etapa 10: Borramos El Texto Que Se Encuentra En El Centro De Nuestra Pagina

Para borrar o texto que se encuentra no centro de nuestra pagina (página0) e botón (bt0), selecionaremos o texto no apartado de "txt" e procederemos a borrar todas as letras, hecho esto daremos un entrar para confirmar, tal y como lo muestra en la imagen.

Etapa 11: Selecionaremos "Touch Press Event"

Um passo muito importante é selecionar o apartado de "Evento" que enviamos o trama de dados por Serial para que o arduino "sepa" que fue presionado o botão de nuestra pantalla Nextion, para que estejamos deberemos dê um clique em um novo botão (bt0) e imediatamente na parte central inferior do Editor de Nextion sobre o apartado de "evento" e "evento de toque de imprensa" deberemos selecionar o recuadro de "Enviar ID de componente", assim como se muestra na imagem, dicho esto pasaremos a hacer un debug para corroborar que nenhum erro exista ningún.

Etapa 12: Depuração de Hacer Y Corroborar Que Envie El Id Por Serial

se realizar uma depuração no ícone com o mismo nombre "debug" simulando que se encuentra cargado na nuestra pantalla Nextion, deberás corroborar que no apartado de "Simulator Return" tenga um trama de 7 dados quen será enviado por serial. los dados deberán de ser los siguientes: 65 00 01 01 FF FF FF que como podrás observar filho de dados em hexadecimal.

Para mais informações de la trama de dados que envía Nextion visitar la pagina:

nextion.itead.cc/resources/documents/instr…

O primer de "65" nos imprime se existe um erro neste caso 65 significa que não existe erro alguno.

O segundo dato "00" nos dados da página fornece o evento neste caso da página 0.

O terceiro dado "01" nos dados de que o componente se envia o evento, no caso do botão ou pulsador "Dual-state" que hemos configurado

El cuarto dato "01" nos dados lo que envía el boton1 neste caso que fue presionado.

Los datos FF FF FF filho de dados de terminação de la trama (configuração de Nextion)

Etapa 13: Guardar El Proyecto Listo Para Subirlo a Nextion

Uma vez corroborado com o debug de que não existe erro ningún y que la trama de dados la envía sem problemas, procederemos a darle clic a "file" y luego a "Open Build Folder" para selecionar o nombre de nuestro documento, que está generado con la extensión.tft para cargarlo a Nextion por medio de la memoria micro sd.

una vez encontrado nuestro archivo se deberá pasar a la memoria SD, en la cual no debe existir ningún otro tipo de archivo (como lo muestra la tercera imagen de la sección), y debe estar previamente formateada (Fat32).

También puedes descargar el archivo de boton1 que se encuentra al final de este paso en donde encontraras el archivo.hmi y el.tft.

Etapa 14: Programa De Arduino

O programa de Arduino, não é muito complejo porque existem vários pontos que quiero resaltar, na cartilha apartado observaremos uma biblioteca chamada Software Serial que se encuentra en modo de comentario, é parte do programa esta deshabilitada. en caso de necesitar habilitar la quitar comentarios en las lineas de codigo que tienen la leyenda de (quitar de comentario se va a usar la libreria software serial).

¿Por que esta deshabilitada esta parte? debido a que para carregar o programa Arduino utiliza a comunicação serial que é convertida de usb-serial por meio da eletrónica que contém Arduino, é necessário desconectar momentaneamente os pinheiros de tx y rx que se comunica com Nextion ya que é possível que não cargue a nuestro Arduino ou exista problemas com a comunicação, uma vez subido o programa puedes volver a conectar en el orden orientado en el paso 1 los pinheiros de TxD e RxD, use a biblioteca de software Serial nos evita hacer esas Desconexiones ya que no interviene diretamente nos pinheiros TxD e RxD de novo Arduino gerando uma comunicação serial "virtual" nos pinheiros 10 e 11, RX, TX, respectivamente.

O programa funciona perfeitamente e simplemente carregando o código para Arduino e desconectando os pinheiros RX e TX, para estar conectado, uma vez encerrada a Operação de subir o código para Arduino.

Etapa 15: Pasar El Archivo.tft De La Memoria Micro Sd a Nextion

EL ultimo paso and pasar nuestro archivo generado en extension.tft a nuestra nextion, para hacer esta operación deberás insertar la memoria micro sd en tu nextion apagada (preferentemente sem conexão de ningún cabo de alimentação ou comunicación, ar el plugue de cabos), conectar o plugue de cabos de alimentação, nos localizamos la pantalla completamente en blanco com letras rojas indicándonos el porcentaje de copiado de seu arquivo, uma vez terminado deberá tener el 100% del archivo copiado, en ese momento desconectamos nuevamenteestra Nextion del plug que la alimenta y comunica, sacamos la memoria Micro SD y procedemos a conectar y listo tu projeto debera funcionar sin problema alguno (antes de correr en arduino o probar, hacer un reset en este).