Tabla de contenido:

Menú de pantalla Arduino OLED con opción para seleccionar: 8 pasos
Menú de pantalla Arduino OLED con opción para seleccionar: 8 pasos

Video: Menú de pantalla Arduino OLED con opción para seleccionar: 8 pasos

Video: Menú de pantalla Arduino OLED con opción para seleccionar: 8 pasos
Video: ¿MENÚ DE OPCIONES? Display LCD 20x4 y Arduino - PCBway 2024, Noviembre
Anonim

En este tutorial aprenderemos cómo hacer un menú con una opción de selección usando OLED Display y Visuino.

Ver el vídeo.

Paso 1: lo que necesitará

Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
Que necesitarás
  • Arduino UNO (o cualquier otro Arduino)
  • Cables de puente
  • Pantalla OLED
  • Tablero de circuitos
  • Resistencia de 1K ohmios
  • Botón
  • Programa Visuino: Descarga Visuino

Paso 2: el circuito

El circuito
El circuito
  • Conecte el pin de pantalla OLED [VCC] al pin arduino [5V]
  • Conecte el pin de pantalla OLED [GND] al pin arduino [GND]
  • Conecte el pin de pantalla OLED [SDA] al pin arduino [SDA]
  • Conecte el pin de pantalla OLED [SCL] al pin arduino [SCL]
  • Conecte Arduino 5V a un lado de la resistencia
  • Conecte el otro lado de la resistencia al botón
  • Conecte el otro lado del botón al pin digital Arduino [8] y al suelo

Paso 3: Inicie Visuino y seleccione el tipo de placa Arduino UNO

Inicie Visuino y seleccione el tipo de placa Arduino UNO
Inicie Visuino y seleccione el tipo de placa Arduino UNO
Inicie Visuino y seleccione el tipo de placa Arduino UNO
Inicie Visuino y seleccione el tipo de placa Arduino UNO

Para comenzar a programar el Arduino, deberá tener el IDE de Arduino instalado desde aquí:

Tenga en cuenta que hay algunos errores críticos en Arduino IDE 1.6.6. ¡Asegúrese de instalar 1.6.7 o superior, de lo contrario, este Instructable no funcionará! Si no lo ha hecho, siga los pasos de este Instructable para configurar el IDE de Arduino para programar Arduino UNO. Visuino: https://www.visuino.eu también necesita estar instalado. Inicie Visuino como se muestra en la primera imagen Haga clic en el botón "Herramientas" en el componente Arduino (Imagen 1) en Visuino Cuando aparezca el cuadro de diálogo, seleccione "Arduino UNO" como se muestra en la Imagen 2

Paso 4: En Visuino ADD Components

En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
En Visuino ADD Components
  • Agregar componente "Contador"
  • Agregar el componente "Matriz de enteros"
  • Agregar el componente "Integer Multi Source"
  • Agregue el componente "SSD1306 / SH1106 OLED Display (I2C)"

Paso 5: en los componentes del conjunto de Visuino

En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
En Visuino Establecer componentes
  • Seleccione el componente "Contador1" y en la ventana de propiedades establezca 'Máx.'> 'Valor' en 2 y 'Mín.>' Valor 'en 0
  • Haga doble clic en "Array1" y en la ventana Elementos arrastre 3x 'Valor' hacia el lado izquierdo. Seleccione Elemento [1] y en la ventana de propiedades establezca el valor en 20 Seleccione el elemento [2] y en la ventana de propiedades establezca el valor en 40
  • Seleccione el componente "IntegerMultiSource1" y en la ventana de propiedades establezca 'Pines de salida' en 4
  • Haga doble clic en "DisplayOLED1" y en la ventana de elementos, arrastre 3X "Dibujar texto" a la izquierda, seleccione 'Dibujar texto1' y en la ventana de propiedades establezca el color en tmcInvertir, el tamaño en 2, el texto en 'Menú-1'Seleccione' Dibujar texto2 'y en la ventana de propiedades establezca el color en tmcInvert, el tamaño en 2, el texto en' Menú-2 ', Y en 20 Seleccione' Dibujar texto3 'y en la ventana de propiedades establezca el color en tmcInvert, el tamaño en 2, el texto en' Menú-3 ', Y a 40-arrastre "Draw Rectangle" a la izquierda y establezca el color en tmcWhite y el color de relleno en tmcWhite, la altura a 20, Width a 128, seleccione Y y haga clic en el icono de Pin y seleccione' Integer SinkPin 'y arrastre "Fill Pantalla "a la izquierda

Paso 6: en los componentes de Visuino Connect

En componentes de Visuino Connect
En componentes de Visuino Connect
  • Conecte el pin digital Arduino [8] al pin del componente "contador1" [In]
  • Conecte el pin del componente "Contador1" [salida] al pin "Array1" [Índice]
  • Conecte el pin del componente "Array1" [salida] al pin "IntegerMultiSource1" [In]
  • Conecte el pin [0] de "IntegerMultiSource1" a DisplayOLED1> Pin de relleno de Screen1 [reloj]
  • Conecte el pin "IntegerMultiSource1" [1] a DisplayOLED1> Dibujar pin [Y] de Rectangle1
  • Conecte el pin "IntegerMultiSource1" [2] a DisplayOLED1> Dibujar pin Rectangle1 [Reloj]
  • Conecte el pin "IntegerMultiSource1" [3] a DisplayOLED1> Dibujar el pin Text1 [Reloj]
  • Conecte el pin "IntegerMultiSource1" [3] a DisplayOLED1> Dibujar el pin Text2 [Reloj]
  • Conecte el pin "IntegerMultiSource1" [3] a DisplayOLED1> Dibujar el pin Text3 [Reloj]
  • Conecte el pin I2C [Salida] "DisplayOLED1" al pin I2c [Entrada] de la placa Arduino

Paso 7: Genere, compile y cargue el código Arduino

Genere, compile y cargue el código Arduino
Genere, compile y cargue el código Arduino

En Visuino, en la parte inferior, haga clic en la pestaña "Construir", asegúrese de que esté seleccionado el puerto correcto, luego haga clic en el botón "Compilar / Construir y Cargar".

Paso 8: jugar

Si enciende el módulo Arduino UNO y la pantalla OLED debe comenzar a mostrar el menú, puede navegar por el menú presionando el botón.

¡Felicidades! Ha completado su proyecto con Visuino. También se adjunta el proyecto Visuino, que creé para este Instructable, puede descargarlo aquí y abrirlo en Visuino:

Recomendado: