Nextion/ Pulsador Con Enclave: 16 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:27

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

1.- Arduino uno

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

3.- 1 Led de tu farve favorit

4.- 1 modstand på 220 ohm

5.- Aproximadamente 10 kabler dupont o jumpers o simple kabler til protoboard

6.- 1 protoboard

7.-1 tarjeta de memoria SD con su adaptador, ya sea for usb o Micro sd

8.- kabel usb til conectar tu arduino

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

Como podemos observerer en la imagen tenemos 4 kabler que salen de Nextion en el orden de: negro, amarillo, azul y rojo, leídos de izquierda a derecha.

Negre = GND (Ground o tierra).

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

Azul = TxD (pin digital til enviar los datos por serial to Arduino)

Rojo = Alimentación de voltaje de 5 voltios (tener en mente que un voltaje borgmester dañara nuestra pantalla Nextion), kan ses tomados de nuestro Arduino en el pin 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 una resistencia de 220 ohm (puedes calcular la resistencia necesaria para tu led si deseas, pero en este caso se uso la 220 ohm si tu led es naranja brillante).

conectamos los pines de Rxd y TxD de Nextion og los pines de Arduino de la siguiente forma:

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

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

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

Se seleccionaron las imágenes anteriores, og donde podemos ver son dos pulsadores de la misma forma pero con diferente color, para simular el encendido y apagado cambiando de imagen.

Las imágenes deben ser recortadas and acopladas a la medida de pixeles de nuestra Nextion en mi caso fue la Nextion "NX3224T024_011" de 2.4 pulgadas and el tamaño de los pixeles es 320 X 240.

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

Se brug af maling til modifikationer, rekorder og læs mere, kan også bruges til Adobe Ilustrator eller Photoshop; inkl. for hacer una billeder kan også bruges til at optage, og de kan optage 320 x 240 pixel, og de kan også bruges til at vise 2 delporteføljer.

Trin 4: Ir en Nuestro Nextion Editor

En caso de no tener nextion editor puedes descargarlo en la page:

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

la installering og montering kan fås på tværs af mine vejledninger til download og installation af Nextion editor.

Trin 5: Abrir Nextion Editor

Después de abrir Nextion Editor, vælg nye filer og nye filer, og vælg en ny version af det nye program nu.

Trin 6:

Guardamos nuestro proyecto con el nombre que deseemos en mi caso escogí el nombre de "pulsador1", después se debe de escoger la pantalla Nextion con la que vamos a trabajar la cual es: "N3224T024_011", que viene al reverso de tu pantalla Nextion en letras color blanco (checar en caso de tener una diferente).

Du kan også vælge en disposition for "enhed", som kan bruges til at vælge imellem, vælge en visning af 90 graders "vandret", og der kan vises en visuel visning af en visning af 90 grader i respekt lodret.

Du kan også se, at "ok" er en ny side nu på en Nextion Editor, hvor du kan se, hvordan pantana kan bruges til at oprette en ny 320 x 240.

Agregaremos nuestras imágenes para el pulsador, previamente recortadas and acopladas a los pixeles de nuestra Nextion, en la opcion de add en la parte media inferior con el signo "+" en la option of pictures como se muestra en la image 4 de esta sección.

Agregaremos también una fuente de letra para que nuestro programa Nextion Editor no nos arroje ningún error, esta agregado en este paso el archivo con el nombre de "fuente1.zi", para insertarlo deberás seleccionar "fonts" a un lado de la sección donde agregamos las imágenes (parte inferior izquierda de Nextion Editor) como lo muestra la quinta imagen en esta sección.

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

Du kan også se, at der er en korrekt placering, som også kan bruges til en del af teksten (del tipo de letras), og en bundon del tipo "dual-state" kan bruges til primærbilleder.

Du kan også forlænge det næste pantion i Nextion, der kan vise en størrelse på 320 x 240 pixel.

Trin 8: Seleccionamos Y Agregamos Nuestras Imágenes

En el apartado de atributos del botón, (nos aparecen seleccionando el botón agregado con doble clic o aparecerá por default.), Seleccionaremos en la parte de "sta" la opcion de "image" como lo muestra la imagen.

Por defecto se encontrara en "solid color", es por eso que deberemos escoger la opción de "image"

Trin 9: Una Vez Configurada Nuestra Opción De "image"

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 una vez presionado deberá cambiar a la imagen que se encuentra en pic1 la cual es de botón encendido.

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

Para borrar el texto que se encuentra en el centro de nuestra page (page0) y botón (bt0), seleccionaremos el texto en el apartado de "txt" y procederemos a borrar todas las letras, hecho esto daremos un enter para confirmmar, tal y como lo muestra en la imagen.

Trin 11: Vælg "tryk på trykbegivenhed"

Un paso muy importante es seleccionar en el apartado de "Event" que nos envié la trama de datos por Serial para que arduino "sepa" que fue presionado el botón de nuestra pantalla Nextion, for hacer esto deberemos dar un click a nuestro botón (bt0) e inmediatamente en la parte central inferior de Nextion Editor sobre el apartado de "event" y "touch press event" deberemos seleccionar el recuadro de "Send Component ID" tal y como se muestra en la image, dicho esto pasaremos a hacer un debug for at bekræfte, at der ikke findes nogen fejl.

Trin 12: Hacer Debug Y Corroborar Que Envie El Id Por Serial

se proseguirá a hacer un debug en el icono con el mismo nombre "debug" simulando que se encuentra cargado en nuestra pantalla Nextion, deberás corroborar que en el apartado de "Simulator Return" sammenhængende til 7 data, der ser seran enviados por serial. los datos deberán de ser los sigientes: 65 00 01 01 FF FF FF som como podrás observar son datos and hexadecimal.

Para mas information de la trama de datos que envía Nextion visitar la page:

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

El primer dato "65" nos imprime si existe un error en este caso 65 significa que no existe error alguno.

El -dato "00" kan ikke tages i en side, hvor der kan foretages en event og en este caso de la page 0.

Betingelser for "01" kan bruges til at komponere en event, som er en del af en bot eller pulsador af "Dual-state", der kan konfigureres

El cuarto dato "01" nos dice lo que envía el boton1 en este caso que fue presionado.

Los datos FF FF FF son datos de terminación de la trama (konfiguration af Nextion)

Trin 13: Guardar El Proyecto Listo Para Subirlo a Nextion

Du kan også finde en fejl i forbindelse med fejlfinding, og der kan opstå problemer med data, og der kan klikkes på en "fil" og en "Åbn opbygningsmappe" for at vælge den nyeste dokumentation, der kan genereres 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.

Trin 14: Programa De Arduino

Programmet de Arduino, der ikke er noget, der kan bestå af forskellige punkter, der kan ændres, og en primer separat kan observeres for en librería llamada Software Serial que se encuentra and modo de comentario, esa parte del programa esta deshabilitada. en caso de necesitar habilitarla quitar comentarios en las lineas de código que tienen la leyenda de (quitar de comentario si se va a usar la libreria software serial).

¿Por que esta deshabilitada esta parte? debido a que para cargar el programa a Arduino utilizas la comunicación serial que es convertida de usb-serial por medio de la electrónica que contiene Arduino, es necesario desconectar momentáneamente los pines de tx y rx que se comunican con Nextion ya que es posible que no cargue a nuestro Arduino o exista problemas con la comunicación, una vez subido el programa puedes volver a conectar en el orden mencionado en el paso 1 los pines de TxD y RxD, utilizar la librería Software Serial nos evita hacer esas Desconexiones ya que no interviene da los pines TxD y RxD de nuestro Arduino generando una comunicación serial "virtual" and los pines 10 y 11, RX, TX, respectivamente.

El programa funciona perfectamente simplemente cargando el codigo a Arduino and desconectando los pines RX y TX, para nuevamente ser conectados, una vez terminada la Operación de subir el código to Arduino.

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

EL ultimo paso e pasar nuestro archivo generado en extensión.tft a nuestra nextion, para hacer esta operación deberás insertar la memoria micro sd en tu nextion apagada (preferentemente no conectada de ningún cable de alimentación or comunicación of desectectar el plug de Kabels) el -stikket til alimentation, ingen separat løsning til fuldstændige og blanco con letras rojas indicandons el porcentaje de copiado de tu archivo, una vez terminado deberá tener el 100% del archivo copiado, and one time of desconectamos nuevamente nuestra Nextion del plug que alimenta y comunica, sacamos la memoria Micro SD y procedemos a conectar y listo tu proyecto debera funcionar sin problema alguno (antes de correr en arduino o probar, hacer un reset en este).