Nextion/ Pulsador Con Enclave: 16 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:04

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 สีที่ชื่นชอบ

4.- 1 ความต้านทาน 220 โอห์ม

5.- Aproximadamente 10 สายดูปองท์ o จัมเปอร์ o สายเคเบิลแบบธรรมดาสำหรับโปรโตบอร์ด

6.- 1 โปรโตบอร์ด

7.-1 tarjeta de memoria SD กับ adaptador, ya sea para usb o Micro sd

8.- สายเคเบิล usb para conectar tu arduino

ขั้นตอนที่ 1: Hacer Las Conexiones De Nuestra Nextion, Arduino, Led Y Resistencia

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

นิโกร= GND (พื้นดินหรือเทียร่า).

Amarillo= RxD (พินดิจิตอลสำหรับผู้รับ los datos por serial que serán enviados por arduino)

Azul= TxD (พินดิจิตอลสำหรับสภาพแวดล้อม los datos por serial a Arduino)

Rojo = Alimentación de voltaje de 5 voltios (tener en mente que un voltaje นายกเทศมนตรี dañara nuestra pantalla Nextion), ใช้งานจริง Arduino en el pin de 5v.

Tomamos tierra y voltaje de nuestro Arduino uno, de los pines GND y 5V เคารพ, conectamos nuestro led al pin 2 ดิจิตอล Arduino Arduino, seguido de una resistencia de 220 ohms (puedes calcular la resistencia necesaria para stu led si caso se uso la 220 โอห์ม si tu led es naranja brillante)

conectamos los pines de Rxd y TxD ของ Nextion ในรูปแบบ Arduino de la siguiente:

RxD de Nextion -------- TxD ของ Arduino

TxD de Nextion -------- RxD ของ Arduino

ขั้นตอนที่ 2: Seleccionamos Nuestras Imágenes Para Generar Nuestro Boton

เลือกรูปภาพจากรูปภาพก่อนหน้า, en donde podemos ver son dos pulsadores de la misma forma pero con diferente color, para simular el encendido y apagado cambiando de imagen.

ดูภาพหน้าจอและภาพถ่ายจากภาพหน้าจอ Nextion en mi caso fue la Nextion " NX3224T024_011" จาก 2.4 พัลกาดาส y el taño de los pixeles es 320 X 240.

ขั้นตอนที่ 3: Recortar Las Imágenes Y Acoplalas Al Tamaño De Nextion

ใช้การระบายสีสำหรับ modificar, recortar y acoplar a las medidas, también lo puedes hacer en Adobe Ilustrator o Photoshop; รวมสำหรับ hacer una imagen mas a tu 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

ขั้นตอนที่ 4: Ir a Nuestro Nextion Editor

ที่ caso de no tener nextion editor puedes descargarlo en la pagina:

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

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

ขั้นตอนที่ 5: Abrir Nextion Editor

คำอธิบาย Nextion Editor, เลือกไฟล์ใหม่และใหม่, nos abrirá una pestaña para nombrar nuestro nuevo proyecto.

ขั้นตอนที่ 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 ถัดไป" letras color blanco (checar en caso de tener una แตกต่าง).

Una vez es seleccionado el dispositivo o "device" como la muestra la imagen deberemos seleccionar, la dirección del display, se escogió la opción de 90 grados "horizontal", así sera como visualicelamos con nuestra โทรทัศน์ แนวตั้ง.

Le damos a "ตกลง" และ nos abrirá una nueva pagina en Nextion Editor en el centro se observara la pantalla a trabajar con el tamaño de nuestra Nextion 320 X 240.

Agregaremos nuestras imágenes para el pulsador, previamente recortadas y acopladas a los pixeles de nuestra Nextion, en la opcion de add en la parte media inferior con el signo "+" en la opción de pictures como se image muestra เดอลา

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 เลือกที่จะไม่ใช้ "แบบอักษร" las imágenes (ส่วนที่ด้อยกว่า izquierda de Nextion Editor) como lo muestra la quinta imagen en esta sección.

ขั้นตอนที่ 7: Agregamos Un Boton Tipo "Dual-State"

Una vez que las imágenes están en su sitio correcto así como también la fuente (del tipo de letras), agregamos ยกเลิก boton del tipo "dual-state" como lo muestra la primera imagen

ขยายขอบเขตและขยายใหญ่ขึ้นและลงลึกไปถึง 320 x 240 พิกเซล

ขั้นตอนที่ 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 deberemos encontrara en "solid color", es por eso que deberemos escoger la opción de "image"

ขั้นตอนที่ 9: Una Vez Configurada Nuestra Opción De "image"

ขั้นตอนการดำเนินการ escoger en el apartado de pic0 la imagen con el botón color rojo (para apagado), และ para el apartado de pic1 la imagen con el botón verde (para encendido)

บันทึก 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 encedo.

ขั้นตอนที่ 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 pagina (page0) y botón(bt0), seleccionaremos el texto en el apartado de "txt" y procederemos a borrar todas las letras, hecho esto daremos ยกเลิกการเข้าสู่ paray โคโม โล มูเอสตรา เอน ลา อิมเมง

ขั้นตอนที่ 11: เลือก "สัมผัสกิจกรรมกด"

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, สำหรับผู้ต้องการความช่วยเหลือ esto deberemos dar ยกเลิกการคลิก) สื่อกลางระหว่างส่วนกลางที่ด้อยกว่าของ Nextion Editor จาก "เหตุการณ์" และ "เหตุการณ์กดสัมผัส" ที่ตัดสินใจเลือก "ส่ง ID คอมโพเนนต์" ทั้งหมด y como se muestra en la imagen, dicho esto pasaremos de hacer un hacer un la imagen para corroboar que ไม่มีข้อผิดพลาด ningún ที่มีอยู่

ขั้นตอนที่ 12: Hacer Debug Y Corroboror 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" รายการที่ 7 ตั้งค่าผ่านเซิร์ฟเวอร์ ข้อมูลที่เกี่ยวข้อง: 65 00 01 01 FF FF FF que como podrás observar son datos en hexadecimal.

ข้อมูลที่เป็นประโยชน์เกี่ยวกับลา trama de datos que envía Nextion visitar la pagina:

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

El primer dato "65" nos imprime siมีอยู่ไม่มีข้อผิดพลาด en este caso 65 significa que ไม่มีข้อผิดพลาด alguno

El segundo dato "00" nos dice de que pagina proviene el evento en este caso de la pagina 0.

El tercer dato "01" nos dice de que componente se envía el evento, en este caso del botón o pulsador "Dual-state" que hemos กำหนดค่า

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 (การกำหนดค่า Nextion)

ขั้นตอนที่ 13: Guardar El Proyecto Listo Para Subirlo a Nextion

Una vez corroborado con el debug de que no existe ningún error y que la trama de datos la envía sin problemsas, procederemos a darle clic a "file" y luego a "Open Build Folder" para seleccionar el nombre de nuestro เอกสาร, ก่อนหน้า ส่วนขยาย.tft สำหรับ 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 exir 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 และ el.tft.

ขั้นตอนที่ 14: Programa De Arduino

โปรแกรม Arduino ไม่มีตัวเลือกทั้งหมด ซอฟต์แวร์ Serial que se encuentra en modo de comentario, esa parte del programa esta deshabilitada. ในกรณีที่จำเป็น 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 โมเมนต์ los pines de tx y rx que Nextionse comunique contiene ลบปัญหา Arduino ที่มีอยู่แล้วมีปัญหากับการสื่อสาร, ใช้งานไม่ได้, โปรแกรมย่อย, โปรแกรมที่เกี่ยวข้อง, แก้ปัญหา, ลบ, ปัญหาสิ่งแวดล้อม, สภาพแวดล้อม, การใช้งานจริง, ซอฟต์แวร์ฟรี บน los pines TxD และ RxD เริ่มต้น Arduino ทั่วไปและการสื่อสารแบบอนุกรม "เสมือน" ที่ los pines 10 y 11, RX, TX, ความเคารพ

โปรแกรม funciona perfectamente ง่ายmente คาร์กันโดและ codigo Arduino y desconectando los pines RX y TX, para nuevamente ser conectados, una vez terminada la Operación de subir el código a Arduino.

ขั้นตอนที่ 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 (ต้องการไม่มีการเชื่อมต่อจากสายเชื่อมต่อ), สายเคเบิลที่เชื่อมต่อ ปลั๊กของสายเคเบิลสำหรับทำอาหาร, ไม่มีส่วนสุดท้าย, สมบูรณ์ en blanco ที่มีตัวอักษร rojas indicándonos el porcentaje de copiado de tu archivo, una vez terminado deberá tener el 100% del archivo copiado, ถัดไป ใช้งานร่วมกันได้ยาวนานกว่าปกติ y comunica, sacamos la memoria Micro SD y procedmos a conectar y listo tu proyecto debera funcionar sin problema alguno (antes de correr en arduino o probar, ยกเลิกการรีเซ็ต en este)