Ir a contenido
Tienda de electrónica en México. Llámanos: 33 27 37 64 13 - Whatsapp. 33 26 13 22 69. Atención de Lunes a Viernes de 9:30am a 5:30pm.
Tienda de electrónica en México. Llámanos: 33 27 37 64 13 - Whatsapp. 33 26 13 22 69. Atención de Lunes a Viernes de 9:30am a 5:30pm.
¿Como usar pantalla Nextion con arduino uno?

¿Como usar pantalla Nextion con arduino uno?

Nextion es una pantalla touch que proporciona una interfaz de control y visualización de datos entre un humano, máquina y un proceso.

Este tipo de pantalla puede reemplazar una interfaz tradicional como una  pantalla lcd.

Este tipo de pantalla la podemos usar con cualquier microcontrolador mediante UART.

Especificaciones

  • Pantalla de 4.3".
  • Resolución: 480 x 272.
  • Integrada con pantalla TFT.
  • Interfaz amigable con 4 pin con puerto serial TTL.
  • Memoria flash de 16MB.
  • Area visual de 95.04(L)x53.86(a)mm.
  • Brillo ajustable.
  • Consumo de 5V 250mA. 

Material

  • Arduino uno
  • Pantalla nextion
  • Cables dupont macho-macho

Desarrollo

Para comenzar primero debemos instalar el software necesario.

Nextion editor

https://nextion.tech/nextion-editor/#_section1

Elegimos la versión de nuestra preferencia, el instalador o el portable.

Ejemplo

Crearemos un ejemplo sencillo, nuestro objetivo será controlar una salida desde la pantalla.

Abrimos Nextion editor.

Presionamos nuevo y nos dirá donde queremos guardar el proyecto, elegimos el nombre y la ruta.

Después elegimos la versión y tamaño de nuestra pantalla.

Elegimos la orientación

Elegimos un botón y lo acomodamos en la pantalla.

Importante configurar el envió de eventos del botón, si no se envían los eventos no podremos detectar en el micro cuando se haya presionado el botón.

 

Entre las propiedades del botón podemos modificar el Color, nombre, la forma etc.

Es importante generar una fuente de texto, para crearla es necesario ir a
Tools->FontGenerator.

Nota:

si no se crea la la fuente nos dara un error como en la ventana OUTPUT.

Despues

1.Elegimos el tamaño de la fuente
2.Elegimos la fuente
3.Asignamos un nombre
4.Generamos la fuente

Nos preguntara donde la queremos guardar, recomendamos dejarla en el mismo directorio donde guardamos el archivo de la interfaz.
Una vez guardado nos sugiere que si deseamos importar la fuente que acabamos de crear.

 

Agrega texto/personaliza tu interfaz, puedes agregar imágenes también.

Es importante tomar en cuenta la resolución de la pantalla para la que estamos desarrollando la interfaz en nuestro caso, la pantalla que estamos usando usa tiene una resolución de 480 x 272 pixeles.

Esto se debe tomar en cuenta para poder elegir o redimensionar la imagen y puedan visualizarse sin problema en la pantalla.

1.Ir a la sección de imagenes
2.cargamos nuestra imagen

 

 

Elegimos una imagen desde la caja de herramientas

1-Elegimos el recuadro que nos genero
2-Damos click en picc
3-Buscamos la imagen y la seleccionamos
4-Presionamos Ok
Resultado

Subir código a la pantalla

Para subir el código necesitaremos una memoria micro SD

Primero debemos compilar nuestra interfaz.

 Después vamos a archivo y damos click en "TFT file output"

Esto nos abrirá en el explorador de archivos el archivo que necesitamos para poder copiar y pegarlo en la memoria microSD.

Insertamos la memoria microSD en la pantalla.

Conexiones pantalla 

 

Diagrama de conexión

Librería arduino

Descargamos la librería del repositorio

https://github.com/itead/ITEADLIB_Arduino_Nextion

Descomprimimos el archivo y por ultimo copiamos todo el contenido dentro de Documentos->Arduino->libreries->

Código

Repo

 

Github Diagramas, códigos, librerías usadas.

Referencias

https://nextion.tech/instruction-set/

 

Artículo siguiente Buzzer pasivo - tono feliz cumpleaños

Dejar un comentario

Los comentarios deben ser aprobados antes de aparecer

* Campos requeridos