Interfaz de usuario fácil de implementar -- Pantalla OLED con joystick y botones: 6 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:42

Este módulo tiene una pantalla OLED con dos botones, un joystick de 5 direcciones y un acelerómetro de 3 ejes. Esto es útil para configurar la interfaz de usuario de un proyecto.

Hey, ¿qué pasa chicos? Akarsh aquí de CETech. Hoy vamos a echar un vistazo a un módulo todo en uno que es muy útil para configurar una interfaz de hardware de interfaz de usuario rápida para cualquier proyecto que hagamos en el futuro. ¡Mira el video en mi canal para ver el tablero en acción! ¡Empecemos con el proyecto ahora!

Paso 1: Partes

Para hacer esto, necesitará una placa ESP8266 y también puede agregar una batería si lo desea.

Puede encontrar el módulo OLED de Firebeetle aquí.

Sugiero usar una placa de DFRobot con este módulo, ya que el pinout será compatible y no tendrá problemas en ninguna parte, utilicé la placa Firebeetle de DFRobot ya que tiene una solución de monitoreo y carga de batería a bordo.

Paso 2: Consiga que se fabriquen los PCB para su proyecto

¡Debe consultar JLCPCB para solicitar PCB en línea a bajo precio!

Obtiene 10 PCB de buena calidad fabricados y enviados a su puerta por 2 $ y algunos gastos de envío. También obtendrá un descuento en el envío de su primer pedido. Para diseñar su propia PCB, diríjase a easyEDA, una vez hecho esto, cargue sus archivos Gerber en JLCPCB para que se fabriquen con buena calidad y un tiempo de respuesta rápido.

Paso 3: descargue y configure el IDE de Arduino

Descargue el IDE de Arduino desde aquí.

1. Instale el IDE de Arduino y ábralo.

2. Vaya a Archivo> Preferencias.

3. Agregue https://arduino.esp8266.com/stable/package_esp8266… las URL del administrador de tableros adicionales.

4. Vaya a Herramientas> Tablero> Administrador de tableros.

5. Busque ESP8266 y luego instale la placa.

6. Reinicie el IDE.

Paso 4: Prepare las piezas

1. Suelde los encabezados en el blindaje OLED así como en el módulo del microcontrolador.

SUGERENCIA: Use una placa para alinear los encabezados y luego suelde el módulo manteniendo los encabezados insertados en la placa.

2. Alinee las esquinas con los colores blancos en ambos módulos y apílelos usando los encabezados. Ahora conecte la placa a la PC.

Paso 5: codificación del módulo

1. Descargue las siguientes bibliotecas:

1.1.

1.2.

2. Extraiga las bibliotecas descargadas, cámbieles el nombre quitando el nombre "-master" de ellas.

3. Navegue a la carpeta de bibliotecas en su IDE de Arduino y pegue ambas carpetas aquí.

4. Reinicie el IDE de Arduino.

5. Navegue a Archivo> Ejemplos> DFRobot_OLED12864> testall y abra este código.

6. Navegue a Herramientas> Tablero. Seleccione la placa apropiada que está utilizando, Firebeetle ESP8266 en mi caso. Seleccione la comunicación correcta. puerto yendo a Herramientas> Puerto.

8. Presione el botón de carga.

9. Cuando la pestaña diga Terminado de cargar, estará listo para usar el escudo. Después de cargar, abra el monitor en serie para ver los siguientes detalles.

Paso 6: jugar con el escudo

1. Conecte el módulo con una fuente de alimentación mediante el conector micro USB a bordo o simplemente encienda el interruptor si ha conectado una batería.

2. Tan pronto como el módulo esté conectado, verá que la pantalla cobra vida.

3. Cuando utilice los diferentes botones del joystick, verá que la pantalla en tiempo real muestra en qué dirección ha movido el joystick.

4. Al presionar el botón A y B, se muestran diferentes tipos de datos como en las imágenes a continuación.

5. ¡CONGO! El módulo está funcionando como se esperaba.