Nextion/ Pulsador Con Enclave: 16 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:54

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

1.- آردوینو اونو

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

3.- 1 Led de tu color favorito

4.- 1 مقاومت 220 اهم

5.- Aproximadamente 10 cables dupont o jumpers o Simple cables para protoboard

6.- 1 صفحه اصلی

7.-1 tarjeta de memoria SD con 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.

Negro = GND (زمین یا سطح).

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

Azul = TxD (pin digital para enviar los datos 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 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 ohms (puedes calcular la resistencia necesaria para tu led si deseas، pero en esteas، pero en este caso se uso la 220 ohms si tu led es naranja brillante).

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

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

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

مرحله 2: Seleccionamos Nuestras Imágenes Para Generar Nuestro Boton

Seleccionaron las imágenes anteriores، en donde podemos ver son dos pulsadores de la misma forma pero con diferente color، for simular el encendido y apagado cambiando de imagen.

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

مرحله 3: Recortar Las Imágenes Y Acoplarlas Al Tamaño De Nextion

برای استفاده از رنگ های مختلف ، recortar y acoplar a las medidas ، también lo puedes hacer en Adobe Ilustrator o Photoshop؛ incluso para 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

ویرایشگر ویرایشگر صفحه دیگر puedes descargarlo در صفحه اصلی:

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

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

مرحله 5: ویرایشگر Abrir Nextion

Después de abrir Nextion Editor، seleccionamos el apartado de file y new، no 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"، que viene al reverso de tu pa letras color blanco (checar en caso de tener una diferente).

Una vez es seleccionado el dispitivo 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 visualicemos nuestra pantalla con una rotación de 90 grados con respect عمودی

Le damos a "ok" y nr abrirá una nueva pagina en Nextion ویرایشگر و مرکز آن به منظور مشاهده موارد بعدی 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 muestra en la imagen 4 de esta sección.

Agregaremos también una fuente de letra para que nuestro programa Nextion ویرایشگر هیچ خطایی در خطای خود نمی بیند ، این توافق را می توان به عنوان "fonts" a lado de la sección donde انتخاب کرد. las imágenes (parte inferior 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 un boton del tipo "dual-state" como lo muestra la primera imagen.

با استفاده از این ویژگی ، می توانید تصاویر را با وضوح 320 240 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 caarecerá by 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"

مرحله 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.

مرحله 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 un enter para confirmar، tal y como lo muestra en la imagen.

مرحله 11: Seleccionaremos "رویداد مطبوعاتی را لمس کنید"

Un paso muy importante 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، para hacer esto deberemos dar un click a nuestro botón (bt0) e inmediatamente en la parte central inferior de Nextion ویرایشگر so so el apartado de "event" y "touch press event" deberemos seleccionar el recuadro de "Send Component ID" tal y como se muestra en la imagen، dicho esto pasaremos a hacer un debug برای تأیید صحت خطای موجود وجود ندارد.

مرحله 12: Hacer Debug Y Corroborar Que Envie El Id Por Serial

با استفاده از اشکال و اشکال زدایی می توانید نام "اشکال زدایی" را وارد کنید و سپس از طریق "شبیه ساز بازگشت" به عنوان یک سریال جدید ، اطلاعاتی را در رابطه با "بازگشت شبیه ساز" ثبت کنید. los datos deberán de ser los siguientes: 65 00 01 01 FF FF FF que como podrás observar son datos en hexadecimal.

برای اطلاعات بیشتر در مورد اطلاعات موجود در صفحه بعدی به صفحه زیر مراجعه کنید:

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

El primer dato "65" no imprime si existe un error in este caso 65 signa que no existe error alguno.

اطلاعات مربوط به "00" را در صفحه اصلی خود در نظر بگیرید و در صفحه اصلی 0 قرار دهید.

El tercer dato "01" nos dice de que componentente se envía el evento، en este caso del botón or pulsador "Dual-state" que hemos configurado

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 (configuración de Nextion)

مرحله 13: Guardar El Proyecto Listo Para Subirlo a Nextion

در صورت اشکال زدایی ، خطاهای موجود وجود ندارد ، در صورت وجود مشکلات مربوط به سیستم ، می توانید روی "پرونده" و "پوشه باز کردن ساخت" کلیک کنید و سپس به عنوان اسناد و مدارک انتخاب کنید. 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 existin ningún otro tipo de archivo (como lo muestra la tercera imagen de la sección)، ybe 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.

مرحله 14: Programa De Arduino

در برنامه Arduino ، هیچ گونه برنامه ای وجود ندارد که بتواند انواع مختلف آن را افزایش دهد ، به عنوان یک برنامه اولیه نرم افزاری که می تواند به صورت کامنتاریو برنامه ریزی کند ، به عنوان بخشی از برنامه برنامه ریزی شده است. 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 serial software).

¿Por que esta deshabilitada esta parte؟ debido a que para cargar el programa a Arduino utilisas la comunicación serial que es convertida de usb-serial 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 problema con la comunicación، una vez subdo el programa puedes volver a conectar en el orden mencionado en el paso 1 los pines de TxD y RxD ، استفاده از نرم افزارهای رایگان نرم افزار Serial nos evita hacer esas desconexiones ya en los pines TxD y RxD de nuestro Arduino generando una comunicación سریال "virtual" en los pines 10 y 11، RX، TX، respectivamente.

برنامه های کاربردی ساده و ساده با استفاده از arduino و desconectando los pines RX y TX ، برای پیشگیری از ارتباطات ، در پایان کار با سیستم آردوینو انجام می شود.

مرحله 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 o comunicación o comunicaciee، desconectare، desconectare، desconectare، desconectare، desconectar el plug de cables de alimentación، nos aparecerá la pantalla completamente en blanco con letras rojas indicándonos el porcentaje de copiado de tu archivo، una vez terminado deberá tener el 100٪ del archivo copiado، en ese momento desconectamos nuevamente nuestra nextest y comunica، sacamos la memoria Micro SD y procedureemos a conectar y listo tu proyecto debera funcionar gun problema alguno (antes de correr en arduino o probar، hacer un reset en este).