Nextion / Pulsador Con Enclave: 16 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:43

Primul lucru pe care trebuie să-l avem la materialele necesare pentru a folosi ceea ce sunt:

1.- Arduino uno

2.- Pantalla Nextion (care nu trebuie să importe dimensiunea ta Nextion)

3.- 1 Led de tu color favorito

4.- 1 rezistență de 220 ohmi

5.- Aproximativ 10 cabluri dupont o jumperi sau simplifică cablurile pentru protoboard

6.- 1 protoboard

7.-1 card de memorie SD cu adaptorul tău, pentru mare pe USB sau Micro sd

8.- cable usb para conectar tu arduino

Pasul 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 (Ground o tierra).

Amarillo = RxD (pin digital pentru a primi datele pentru serial care vor fi însoțiți de arduino).

Azul = TxD (pin digital pentru trimiterea datelor prin serial la Arduino)

Rojo = Alimentación de voltaje de 5 voltios (tener en mente que un voltaje mayor dañara nuestra pantalla Nextion), pot fi tomate de nuestro Arduino en el pin de 5v.

Tomamos tierra y voltaje de nuestro Arduino uno, de los pines GND y 5V respectiv, conectamos nuestro led al pin 2 digital de nuestro Arduino, urmărit de o rezistență de 220 ohmi (puteți calcula rezistența necesară pentru a vă conduce dacă doriți, dar în acest caso se uso la 220 ohms si tu led es naranja brillante).

conectează-ne la pinii de Rxd și TxD de Nextion la pinii de Arduino de la următoarea formă:

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

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

Pasul 2: Selectați imagini noi pentru a genera un boton nou

Se selectează imaginile anterioare, în care putem vedea son dos pulsadores de la misma forma pero con diferente color, para simular el encendido y apagado cambiando de imagen.

Las imagini trebuie să fie recortate și acoplate la măsura de pixeli a noastră Nextion în mi caz a fost Nextion "NX3224T024_011" de 2.4 pulgate și dimensiunea pixelilor este 320 X 240.

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

Se utilizează vopsea pentru modificare, recortare și acoplar la măsuri, de asemenea, puteți face în Adobe Ilustrator sau Photoshop; inclusiv pentru a face o imagine masă la gustul tău, înregistrând că trebuie să ai dimensiunea în pixeli de 320 X 240, așa cum se arată în imaginea 2 a recortului pulsatorului verde.

Pasul 4: Faceți un editor Nuestro Nextion

În cazul în care nu aveți nextion editor puteți descărca în pagina:

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

instalarea este foarte ușoară sau bine puteți vedea mi tutorial pentru descărcare și instalare Nextion editor.

Pasul 5: Abrir Nextion Editor

După ce deschidem Nextion Editor, selectăm secțiunea de fișier și noi, deschidem o pestaña pentru a numi noul nostru proiect.

Pasul 6:

Guardamos nuestro proyecto con el nombre que deseemos en mi caso escogí el nombre de "pulsador1", după ce trebuie să fie afișat ecranul Nextion cu ceea ce vamos să lucrăm la ceea ce este: "N3224T024_011", care vine la reversul tău ecran Nextion en letras color blanco (checar en caso de tener una diferente).

O singură dată este selectat dispozitivul "dispozitiv" ca o mostră a imaginii care trebuie selectate, direcția afișajului, se va selecta opțiunea de 90 de grade "orizontale", astfel se va vizualiza și ecranul nostru cu o rotație de 90 de grade cu privire la vertical.

Le damos a "ok" și ne deschidem o nouă pagină în Nextion Editor în centrul se observă ecranul de lucru cu dimensiunea noastră Nextion 320 X 240.

Adăugăm noile noastre imagini pentru pulsator, anterior recortate și acoplate la pixele de la Nextion, în opțiunea de adăugare a părții media inferioare cu semnul "+" în opțiunea de imagini cum se arată în imaginea 4 a acestei secțiuni.

Adăugăm și o sursă de literă pentru care programul nostru Nextion Editor nu ne aruncă nici o eroare, acesta este înregistrat în acest pas al arhivului cu numărul de "fuente1.zi", pentru inserarea trebuie să selectăm "fonts" într-o parte a secțiunii în care ne aflăm las imágenes (parte inferior leftda de Nextion Editor) as lo sample the quinta image in this section.

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

O dată când las imagini sunt în su sitio corect astfel cum este și sursa (del tip de litere), agregam un boton al tipului "dual-state" ca și mostră prima imagine.

Lo extenderemos a lo largo y ancho de la ecran Nextion, va trebui să rămâneți în a doua imagine abarcând los 320 x 240 pixeles.

Pasul 8: Selectați Y Agregamos Nuestras Imágenes

În secțiunea de atribute a butonului, (noi aparținând selectând butonul agregat cu dublu clic sau apariție prin implicit.), Selectăm în partea de "sta" la opțiunea de "imagine" cum ar fi exemplul imaginii.

Prin defect se găsește în "solid color", este pentru că trebuie să ascultăm opțiunea de "imagine"

Pasul 9: Una Vez Configurată Nuestra Opțiune De „imagine”

Procederemos a escoger en el apartado de pic0 la imaginea cu butonul de culoare roșie (pentru apagat), y para el apartado de pic1 la imagen con el botón verde (para encendido).

Înregistrarea că imaginea 0 o pic0 trebuie să fie culoarea roșie datorită faptului că nostru led și butonul a început în această poziție (apagat) și care o dată presionat va trebui să schimbe imaginea care se găsește în pic1 la care este de buton încendit.

Step 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), selectăm textul în articolul de "txt" și procedăm la borrar toate literele, făcut asta darem un enter pentru confirmare, tal y como lo muestra en la imagen.

Pasul 11: Selectați „atingeți evenimentul de presă”

Un pas foarte important este selectat în secțiunea de "Event" care ne-a inviat trama de date pentru Serial pentru care arduino "sepa" care a fost presionat butonul de pe ecranul nostru Nextion, pentru a face acest lucru trebuie să facem clic pe un nou buton (bt0) și imediat în partea centrală inferioară de Nextion Editor despre secțiunea de "eveniment" și "touch press event" trebuie să selectăm recuadro de "Send Component ID" așa cum se afișează imaginea, așa că pasăm să facem un debug pentru coroborarea că nu există nicio eroare.

Step 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 coroborar que en el apartado de "Simulator Return" are o trama de 7 date care vor fi inviați prin serial. datele necesare trebuie să fie următoarele: 65 00 01 01 FF FF FF pe care le putem observa la date în hexadecimal.

Pentru mai multe informații despre trama de date pe care o trimitem Nextion vizitează pagina:

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

El primer dato "65" nos imprime dacă există un error în acest caz 65 înseamnă că nu există error alguno.

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

El tercer dato "01" nos dice de that component se envie the event, in this case of button or pulsator "Dual-state" that we configured

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

Los data FF FF FF son data de termination of the trama (configuration of Nextion)

Step 13: Guardar El Proyecto Listo Para Subirlo a Nextion

O dată coroborat cu depanarea de care nu există nici o eroare și că trama de date a enviei fără probleme, procedează pentru a da clic pe "fișier" și apoi la "Open Build Folder" pentru a selecta numărul de documentul nostru, care va fi generat con la extensión.tft para cargarlo a Nextion por medio de la memoria micro sd.

o dată găsit arhivele noastre trebuie să depășească memoria SD, în ceea ce nu trebuie să existe niciun alt tip de arhivă (cum ar fi exemplul celei de-a treia imagini a secțiunii), și trebuie să fie deja formatat (Fat32).

También puedes descargar el archivo de boton1 care se găsește la finalul acestui pas în care găsești arhivul.hmi și el.tft.

Pasul 14: Program De Arduino

El programa de Arduino, no es muy complejo pero existen varios points that quiero resaltar, en el primer apartado observaremos una librería llamada Software Serial que se encuentra en modo de comentario, esa parte del programa esta deshabilitada. în cazul de necesitate abilitarla quitar comentarii în linii de cod care au leyenda de (chitar de comentariu și se va folosi 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 possible que no cargue a nuestro Arduino o există probleme cu comunicarea, o singură dată subiectul programului puteți reveni la conectarea în ordinea menționată în pasul 1 la pinii de TxD și RxD, utilizați libreria Software Serial nu împiedică să facem Descărcări deja care nu intervin direct en los pines TxD y RxD de nuestro Arduino generando una comunicación serial "virtual" în los pines 10 y 11, RX, TX, respectiv.

El program funcționează perfect pur și simplu încărcând codul a Arduino și desconectând pinii RX și TX, pentru nouă se conectează, o dată terminată Operarea de subir codul la Arduino.

Pasul 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, pentru a face această operațiune ar trebui să introducă memoria micro sd în tu nextion apagada (preferențial fără conectare a niciunui cablu de alimentare sau comunicare, desconectare a plug-ului de cabluri), conectare el plug de cables de alimentație, noi aparecem ecranul complet în alb cu litere roșii indicând porcentajul copiatului tău arhivist, o dată terminat trebuie să ai 100% din arhivul copiat, în acest moment desconectăm nouăvostul nostru Nextion del plug que la alimenta y comunica, sacamos la memoria Micro SD y procedemos a conectar y listo tu proyecto debera funcționar sin problema alguno (înainte de corecție în arduino o probă, a face un reset în acest).