Home
Arduino UNO R4

Arduino Uno R4 - escudo LCD con teclado

En esta guía, exploraremos cómo usar Arduino Uno R4 con el escudo LCD con teclado, un pequeño dispositivo genial que combina una pantalla LCD de 16x2 con seis botones (Derecha, Arriba, Abajo, Izquierda, Seleccionar y Restablecer). Aprenderás cómo funciona, cómo conectarlo a tu Arduino Uno R4 y cómo programarlo paso a paso. ¡Tenemos una imagen de cableado y ejemplos de código para que sea muy fácil de seguir!

Hardware Requerido

1×Arduino UNO R4 WiFi or Arduino UNO R4 Minima
1×Alternatively, DIYables STEM V4 IoT, Compatible with Arduino Uno R4 WiFi
1×Cable USB Tipo-A a Tipo-C (para PC USB-A)
1×Cable USB Tipo-C a Tipo-C (para PC USB-C)
1×LCD Keypad Shield
1×(Recomendado) Shield de Bloque de Terminales de Tornillo para Arduino Uno R4
1×(Recomendado) Shield de Protoboard para Arduino Uno R4
1×(Recomendado) Carcasa para Arduino Uno R4
1×(Recomendado) Divisor de Alimentación para Arduino Uno R4
1×(Recomendado) Placa Base de Prototipado y Kit de Protoboard para Arduino Uno

Or you can buy the following kits:

1×DIYables STEM V4 IoT Starter Kit (Arduino included)
1×DIYables Sensor Kit (30 sensors/displays)
1×DIYables Sensor Kit (18 sensors/displays)
Divulgación: Algunos de los enlaces proporcionados en esta sección son enlaces de afiliado de Amazon. Podemos recibir una comisión por las compras realizadas a través de estos enlaces sin costo adicional para usted. Apreciamos su apoyo.

¿Qué es el LCD Keypad Shield?

Este escudo LCD con teclado es una combinación de:

  • Un LCD de 16x2 (muestra 2 filas de 16 caracteres) que utiliza la biblioteca LiquidCrystal.
  • 5 botones (Arriba, Abajo, Izquierda, Derecha, Seleccionar) todos conectados a un solo pin (A0).
  • Un botón de reinicio para reiniciar tu Arduino Uno R4.
  • Un pequeño potenciómetro para ajustar el contraste de la pantalla.

Diagrama de pines

Esquema de pines del LCD Keypad Shield

La tabla siguiente muestra cómo se conecta el LCD Keypad Shield al Arduino Uno R4 cuando está apilado encima de él.

Shield Pin Function Arduino Uno R4 Pin
DB4 Data 4
DB5 Data 5
DB6 Data 6
DB7 Data 7
RS Register Select 8
E Enable 9
Analog A0 Button Input A0

Botón de reinicio: Presiónalo y tu Arduino Uno R4 se reinicia.

Perilla (Potenciómetro): Gira la perilla si la pantalla está demasiado tenue o demasiado oscura.

Diagrama de Cableado

¡No hay cableado complicado aquí! Simplemente apila el LCD Keypad Shield directamente sobre tu Arduino Uno R4. Los pines se alinean por sí solos.

Diagrama de cableado del escudo LCD con teclado para Arduino Uno R4

This image is created using Fritzing. Click to enlarge image

Ver La mejor forma de alimentar Arduino Uno R4 y otros componentes.

Código de Arduino Uno R4

/* * Este código de Arduino UNO R4 fue desarrollado por es.newbiely.com * Este código de Arduino UNO R4 se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/tutorials/arduino-uno-r4/arduino-uno-r4-lcd-keypad-shield */ #include <LiquidCrystal.h> LiquidCrystal lcd(8, 9, 4, 5, 6, 7); void setup() { Serial.begin(9600); Serial.println("Started"); // Debugging lcd.begin(16, 2); lcd.print("Hello!"); delay(3000); } void loop() { int key = analogRead(A0); //Serial.println(key); // Debugging lcd.clear(); if (key < 50) lcd.print("RIGHT"); else if (key < 200) lcd.print("UP"); else if (key < 400) lcd.print("DOWN"); else if (key < 600) lcd.print("LEFT"); else if (key < 800) lcd.print("SELECT"); else if (key < 1000) lcd.print("RST"); // If RST has a value, add here else lcd.print("Press key!"); delay(200); }

Pasos R\u00e1pidos

  • Coloque el LCD Keypad Shield sobre su Arduino Uno R4
  • Conecte el Arduino Uno R4 a su ordenador con el cable USB.
  • Abra el IDE de Arduino, elija su placa y puerto en el IDE.
  • Copie el código anterior, péguelo en el IDE de Arduino.
  • Haga clic en el botón Subir en el IDE de Arduino para cargar el código en Arduino Uno R4.
  • Presione los botones del escudo uno por uno.
  • Observe en la pantalla LCD cuál botón ha pulsado.

¿Pantalla en blanco? Prueba esto:

  • Asegúrate de que el shield esté bien enchufado.
  • Gira la perilla para ajustar el contraste.
  • Asegúrate de que el código esté correcto y de que el Arduino Uno R4 esté encendido.

Bonificación: Código más limpio

¿Quieres que tu código se vea profesional? Aquí tienes una versión más elegante con funciones ordenadas:

/* * Este código de Arduino UNO R4 fue desarrollado por es.newbiely.com * Este código de Arduino UNO R4 se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/tutorials/arduino-uno-r4/arduino-uno-r4-lcd-keypad-shield */ #include <LiquidCrystal.h> // Define constants for key representations const int KEY_RIGHT = 0; const int KEY_UP = 1; const int KEY_DOWN = 2; const int KEY_LEFT = 3; const int KEY_SELECT = 4; const int KEY_NONE = 5; LiquidCrystal lcd(8, 9, 4, 5, 6, 7); int getKey() { int analogValue = analogRead(A0); //Serial.println(analogValue); // Debugging if (analogValue < 50) return KEY_RIGHT; else if (analogValue < 200) return KEY_UP; else if (analogValue < 400) return KEY_DOWN; else if (analogValue < 600) return KEY_LEFT; else if (analogValue < 800) return KEY_SELECT; else return KEY_NONE; } void setup() { Serial.begin(9600); Serial.println("Started"); // Debugging lcd.begin(16, 2); lcd.print("Hello!"); delay(3000); } void loop() { lcd.clear(); int key = getKey(); switch (key) { case KEY_RIGHT: lcd.print("RIGHT"); break; case KEY_UP: lcd.print("UP"); break; case KEY_DOWN: lcd.print("DOWN"); break; case KEY_LEFT: lcd.print("LEFT"); break; case KEY_SELECT: lcd.print("SELECT"); break; default: lcd.print("Press key!"); break; } delay(200); }

Ayuda extra

¿Quieres más trucos de LCD? Échale un vistazo a este Arduino LiquidCrystal LCD tutorial para obtener más ideas geniales.

¡Eso es todo! Ya estás listo para jugar con tu escudo LCD con teclado. ¡Diviértete construyendo!

Tutoriales Relacionados

※ NUESTROS MENSAJES

  • No dude en compartir el enlace de este tutorial. Sin embargo, por favor no use nuestro contenido en otros sitios web. Hemos invertido mucho esfuerzo y tiempo en crear el contenido, ¡por favor respete nuestro trabajo!
DIVULGACIÓN
es.newbiely.com es participante del Programa de Asociados de Amazon Services LLC, un programa de publicidad de afiliados diseñado para proporcionar un medio para que los sitios web ganen tarifas publicitarias mediante publicidad y enlaces a Amazon.com, Amazon.it, Amazon.de, Amazon.co.uk, Amazon.ca, Amazon.de, Amazon.es, Amazon.nl, Amazon.pl y Amazon.se
Copyright © 2025 es.newbiely.com. Todos los derechos reservados.
Términos y Condiciones | Política de Privacidad
Email: newbiely.com@gmail.com