Анклав Nextion / Pulsador Con: 16 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:51

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 любимый светодиодный индикатор

4. - 1 сопротивление 220 Ом

5.- 10 кабелей с дополнительными перемычками или простыми кабелями для платы.

6. - 1 прототип платы

7.-1 карта памяти SD с адаптерами, море для USB или Micro SD

8.-кабель usb для подключения к arduino

Шаг 1: Hacer Las Conexiones De Nuestra Nextion, Arduino, Led Y Resistencia

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

Негр = GND (Земля или земля).

Amarillo = RxD (цифровой пин-код для приема данных по последовательному порту, подключенный к Arduino).

Azul = TxD (цифровой вывод для подключения данных к последовательному порту 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 соответственно, conectamos nuestro led al pin 2 digital de nuestro Arduino, seguido de una resistencia de 220 Ом (puedes calcular la resistencia necesaria para tu led si deseas, pero en es 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 -------- Передача Arduino.

TxD де Nextion -------- RxD де Arduino

Шаг 2: Seleccionamos Nuestras Imágenes Para Generar Nuestro Boton

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

Все изображения, полученные с помощью изображений и изображений в средах пикселей, находятся в Nextion и находятся в режиме Nextion "NX3224T024_011" с 2,4-дюймовыми изображениями и изображениями пикселей в формате 320 X 240.

Шаг 3. Отредактируйте Las Imágenes Y Acoplarlas Al Tamaño De Nextion

Используйте краску для модификации, оттирайте и снимайте в медикаментах, используйте рисование в Adobe Illustrator или 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 image 2 del Recorte del Pulsador verde.

Шаг 4: редактор Nuestro Nextion

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

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

Эта программа установлена в новом учебном пособии для скачивания и установки редактора Nextion.

Шаг 5: редактор Abrir Nextion

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

Una vez es seleccionado el dispositivo o "device" como la muestra la imageen deberemos seleccionar, la dirección del display, se escogió la opción de 90 grados "горизонтальный", así sera como visualicemos nuestra pantalla con una rotación de 90 градусов с соблюдением ла вертикальный.

Le damos a "ok" y 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 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 agregión 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 correo así como también la fuente (del tipo de letras), agregamos un boton del tipo "двойное состояние" como lo muestra la primera imagen.

Lo extenderemos a lo largo y ancho de la pantalla nextion, deberá quedar como en la segunda image abarcando los 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 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 "изображение"

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

Recordando que la imageen 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 imageen 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" и процедурой, являющейся borrar todas las letras, hecho esto daremos un enter para confirmar, tal y como lo muestra en la imageen.

Шаг 11: Seleccionaremos "Touch Press Event"

Это важно для выбора в апарт-отеле «Событие», которое находится в окружении передачи данных для последовательного порта, для которого используется «отдельная» очередь, чтобы настроить ботон де Нуэстра Панталла Nextion, для того, чтобы нажать на новый ботон (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 imageen, dicho esto pasaremos a hacer un debug для подтверждения того, что нет ошибки ningún.

Шаг 12: Hacer Debug Y Corroborar Que Envie El Id Por Serial

Этот метод отладки и значок с неправильным названием «отладка» симулируют, что он показывает, что он загружен в ньюэстра панталла Nextion, когда подтверждается, что в апаратменте «Simulator Return», вы можете найти 7 данных, которые установлены в последовательном интерфейсе. Данные о полученных данных: 65 00 01 01 FF FF FF que como podrás observar son datos en hexadecimal.

Для получения информации о трамвае данных, которые находятся в Nextion, посетите страницу:

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

Пример для "65" не допускает наличия ошибки, так как 65 указывает на отсутствие ошибки.

После этого «00» нет игральных костей, которые проверяют событие на странице 0.

El tercer dato "01" nos dice de que component se envía el evento, en este caso del botón o 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

После проверки с ошибкой отладки, которая не существует, если проблема с окружающей средой, выполняется одним щелчком мыши по «файлу» и «Открытая папка сборки» для выбора номера нового документа, исходного документа. с расширением.tft для карты 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.

Шаг 14: программа 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 software serial).

¿Por que esta deshibitedada 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 esposible que no найти новый Arduino или существующие проблемы с коммуникацией, una vez subido el programa puedes volver a conectar en el orden mencionado en el paso 1 los pines de TxD y RxD, using librería Software Serial nos evita hacer esas Desconetexiones ya en los pines TxD y RxD de nuestro Arduino генерирует серийный "виртуальный" канал связи 10 y 11, RX, TX, соответственно.

Совершенная простая программа функций, кодирующая код на Arduino и работающая с соснами RX y TX, для новых подключений, имеет окончание работы с подчиненным кодом на Arduino.

Шаг 15: Pasar El Archivo.tft De La Memoria Micro Sd a Nextion

EL ultimo paso e pasar nuestro archivo generado en extensions.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 el exconectar) el plug de cable de alimentación, nos aparecerá la pantalla completetamente 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 nuestravamention y comunica, sacamos la memoria Micro SD y работает с conectar y list tu proyecto debera funcionar sin проблема alguno (antes de correr en arduino o probar, hacer un reset en este).