Taula de continguts:

Menú de pantalla OLED Arduino amb opció per seleccionar: 8 passos
Menú de pantalla OLED Arduino amb opció per seleccionar: 8 passos

Vídeo: Menú de pantalla OLED Arduino amb opció per seleccionar: 8 passos

Vídeo: Menú de pantalla OLED Arduino amb opció per seleccionar: 8 passos
Vídeo: Еще один барабанный секвенсор Arduino с минимальным аппаратным обеспечением drumseq81212 2024, De novembre
Anonim

En aquest tutorial aprendrem a fer un menú amb una opció de selecció mitjançant pantalla OLED i Visuino.

Mira el vídeo.

Pas 1: què necessiteu

El que necessitareu
El que necessitareu
El que necessitareu
El que necessitareu
El que necessitareu
El que necessitareu
  • Arduino UNO (o qualsevol altre Arduino)
  • Filferros de pont
  • Pantalla OLED
  • Taula de pa
  • Resistència de 1K ohm
  • Botó
  • Programa Visuino: descarregar Visuino

Pas 2: el circuit

El Circuit
El Circuit
  • Connecteu el pin de pantalla OLED [VCC] al pin arduino [5V]
  • Connecteu el pin de pantalla OLED [GND] al pin arduino [GND]
  • Connecteu el pin de la pantalla OLED [SDA] al pin arduino [SDA]
  • Connecteu el pin de pantalla OLED [SCL] al pin arduino [SCL]
  • Connecteu Arduino 5V a un costat de la resistència
  • Connecteu l'altre costat de la resistència al botó
  • Connecteu l'altre costat del botó al pin digital Arduino [8] i a terra

Pas 3: Inicieu Visuino i seleccioneu el tipus de placa Arduino UNO

Inicieu Visuino i seleccioneu el tipus de placa Arduino UNO
Inicieu Visuino i seleccioneu el tipus de placa Arduino UNO
Inicieu Visuino i seleccioneu el tipus de placa Arduino UNO
Inicieu Visuino i seleccioneu el tipus de placa Arduino UNO

Per començar a programar l’Arduino, haureu de tenir instal·lat l’IDE Arduino des d’aquí:

Tingueu en compte que hi ha alguns errors crítics a Arduino IDE 1.6.6. Assegureu-vos que instal·leu la versió 1.6.7 o superior, en cas contrari, aquest instructiu no funcionarà. Si encara no ho heu fet, seguiu els passos d'aquesta instrucció per configurar l'IDE d'Arduino per programar Arduino UNO. El Visuino: https://www.visuino.eu també ha d’estar instal·lat. Inicieu Visuino com es mostra a la primera imatge Feu clic al botó "Eines" del component Arduino (imatge 1) a Visuino Quan aparegui el quadre de diàleg, seleccioneu "Arduino UNO" tal com es mostra a la imatge 2

Pas 4: a Components ADD de Visuino

A Visuino ADD Components
A Visuino ADD Components
A Visuino ADD Components
A Visuino ADD Components
A Visuino ADD Components
A Visuino ADD Components
A Visuino ADD Components
A Visuino ADD Components
  • Afegiu el component "Comptador"
  • Afegiu el component "Matriu enter"
  • Afegiu el component "Integer Multi Source"
  • Afegiu el component "Pantalla OLED (I2C) SSD1306 / SH1106"

Pas 5: a Components del conjunt de Visuino

A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
A Components del conjunt de Visuino
  • Seleccioneu el component "Comptador1" i, a la finestra de propietats, definiu "Màx."> "Valor" a 2 i "Mín.>" Valor "a 0
  • Feu doble clic a "Matriu1" i, a la finestra d'elements, arrossegueu 3x "Valor" al costat esquerre Seleccioneu l'element [1] i a la finestra de propietats definiu el valor a 20 Seleccioneu l'element [2] i a la finestra de propietats establiu el valor a 40
  • Seleccioneu el component "IntegerMultiSource1" i, a la finestra de propietats, configureu "Pins de sortida" a 4
  • Feu doble clic a "DisplayOLED1" i a la finestra d'elements -drag 3X "Dibuixa text" a l'esquerra Seleccioneu "Dibuixa text1" i a la finestra de propietats configureu el color a tmcInvert, mida a 2, el text a "Menú-1" Seleccioneu "Dibuixa text2" "i a la finestra de propietats estableix el color a tmcInvert, la mida a 2, el text a" Menú-2 ", Y a 20 Selecciona" Dibuixa text3 "i a la finestra de propietats defineix el color a tmcInvert, la mida a 2, el text a" Menú-3 ', Y fins a 40-arrossegueu "Dibuixa rectangle" cap a l'esquerra i configureu el color a tmcWhite i fillcolor a tmcWhite, l'alçada a 20, l'amplada a 128, seleccioneu Y i feu clic a la icona Pin i seleccioneu' Integer SinkPin ', arrossegueu "Fill Pantalla "a l'esquerra

Pas 6: a Components de Visuino Connect

A Components de Visuino Connect
A Components de Visuino Connect
  • Connecteu el pin digital Arduino [8] al pin del component "counter1" [In]
  • Connecteu el pin del component "Counter1" al pin "Array1" [Índex]
  • Connecteu el pin del component "Array1" al pin "IntegerMultiSource1" [In]
  • Connecteu el pin "IntegerMultiSource1" a DisplayOLED1> Fill Screen1 pin [clock]
  • Connecteu el pin "IntegerMultiSource1" a DisplayOLED1> Dibuixa el pin 1 de rectangle [Y]
  • Connecteu el pin "IntegerMultiSource1" a DisplayOLED1> Dibuixar un pin de Rectangle1 [Rellotge]
  • Connecteu el pin "IntegerMultiSource1" [3] a DisplayOLED1> Dibuixa el pin de Text1 [Rellotge]
  • Connecteu el pin "IntegerMultiSource1" [3] a DisplayOLED1> Dibuixa el pin de Text2 [Rellotge]
  • Connecteu el pin "IntegerMultiSource1" [3] a DisplayOLED1> Dibuixa el pin de Text3 [Rellotge]
  • Connecteu el pin "DisplayOLED1" I2C [Sortida] al pin I2c de la placa Arduino [Entrada]

Pas 7: Genereu, compileu i pengeu el codi Arduino

Genereu, compileu i pengeu el codi Arduino
Genereu, compileu i pengeu el codi Arduino

A Visuino, a la part inferior, feu clic a la pestanya "Construeix", assegureu-vos que el port correcte estigui seleccionat i feu clic al botó "Compila / Compila i penja".

Pas 8: Juga

Si enceneu el mòdul Arduino UNO i la pantalla OLED hauria de començar a mostrar el menú, podeu navegar pel menú prement el botó.

Enhorabona! Heu completat el vostre projecte amb Visuino. També s’adjunta el projecte Visuino, que he creat per a aquest Instructable, el podeu descarregar aquí i obrir-lo a Visuino:

Recomanat: