Menu display OLED Arduino con possibilità di selezionare: 8 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 09:59

In questo tutorial impareremo come creare un menu con un'opzione di selezione utilizzando Display OLED e Visuino.

Guarda il video.

Passaggio 1: cosa ti servirà

• Arduino UNO (o qualsiasi altro Arduino)
• Ponticelli
• Display OLED
• tagliere
• Resistore da 1K ohm
• Pulsante
• Programma Visuino: Scarica Visuino

Passaggio 2: il circuito

• Collegare il pin del display OLED [VCC] al pin arduino [5V]
• Collega il pin del display OLED [GND] al pin arduino [GND]
• Collegare il pin del display OLED [SDA] al pin arduino [SDA]
• Collega il pin del display OLED [SCL] al pin di arduino [SCL]
• Collega Arduino 5V a un lato del resistore
• Collegare l'altro lato del resistore al pulsante
• Collega l'altro lato del pulsante al pin digitale Arduino[8] e a terra

Passaggio 3: avviare Visuino e selezionare il tipo di scheda Arduino UNO

Per iniziare a programmare Arduino, dovrai installare l'IDE Arduino da qui:

Tieni presente che ci sono alcuni bug critici in Arduino IDE 1.6.6. Assicurati di installare 1.6.7 o versioni successive, altrimenti questo Instructable non funzionerà! Se non lo hai fatto, segui i passaggi in questo Instructable per configurare l'IDE Arduino per programmare Arduino UNO! Deve essere installato anche il Visuino: https://www.visuino.eu. Avvia Visuino come mostrato nella prima immagine Fare clic sul pulsante "Strumenti" sul componente Arduino (Immagine 1) in Visuino Quando viene visualizzata la finestra di dialogo, selezionare "Arduino UNO" come mostrato in Figura 2

Passaggio 4: in Visuino ADD Components

• Aggiungi il componente "Contatore"
• Aggiungi il componente "Array intero"
• Aggiungi il componente "Integer Multi Source"
• Aggiungi il componente "SSD1306/SH1106 Display OLED (I2C)"

Passaggio 5: nei componenti del set Visuino

• Selezionare il componente "Contatore1" e nella finestra delle proprietà impostare 'Max'>'Valore' su 2 e 'Min>'Valore' su 0
• Fare doppio clic su "Array1" e nella finestra degli elementi trascinare 3x 'Value' sul lato sinistroSelect Item[1] e nella finestra delle proprietà impostare il valore su 20Select Item[2] e nella finestra delle proprietà impostare il valore su 40
• Seleziona il componente "IntegerMultiSource1" e nella finestra delle proprietà imposta 'Output Pins' su 4
• Fare doppio clic su "DisplayOLED1" e nella finestra degli elementi -trascinare 3X "Draw Text" a sinistraSelezionare 'Draw Text1' e nella finestra delle proprietà impostare il colore su tmcInvert, la dimensione su 2, il testo su 'Menu-1'Select 'Draw Text2 ' e nella finestra delle proprietà imposta il colore su tmcInvert, la dimensione su 2, il testo su 'Menu-2', Y su 20Seleziona 'Disegna testo3' e nella finestra delle proprietà imposta il colore su tmcInvert, la dimensione su 2, il testo su 'Menu-3 ', da Y a 40 trascinare "Draw Rectangle" a sinistra e impostare il colore su tmcWhite e fillcolor su tmcWhite, l'altezza su 20, la larghezza su 128, selezionare Y e fare clic sull'icona Pin e selezionare 'Integer SinkPin'-trascinare "Fill Schermo" a sinistra

Passaggio 6: nei componenti di Visuino Connect

• Collega il pin digitale Arduino[8] al pin del componente "counter1"[In]
• Collegare il pin[out] del componente "Counter1" al pin[Index] di "Array1"
• Collegare il pin[out] del componente "Array1" al pin[In] "IntegerMultiSource1"
• Collega "IntegerMultiSource1" pin[0] a DisplayOLED1>Fill Screen1 pin[clock]
• Connetti il pin "IntegerMultiSource1"[1] a DisplayOLED1>Draw Rectangle1 pin[Y]
• Collega il pin "IntegerMultiSource1"[2] a DisplayOLED1>Draw Rectangle1 pin[Clock]
• Collega "IntegerMultiSource1" pin[3] a DisplayOLED1>Draw Text1 pin[Clock]
• Collega il pin "IntegerMultiSource1"[3] a DisplayOLED1>Draw Text2 pin[Clock]
• Collega "IntegerMultiSource1" pin[3] a DisplayOLED1>Draw Text3 pin[Clock]
• Collega il pin I2C[Out] di "DisplayOLED1" al pin I2c della scheda Arduino [In]

Passaggio 7: genera, compila e carica il codice Arduino

In Visuino, in basso, fai clic sulla scheda "Build", assicurati che sia selezionata la porta corretta, quindi fai clic sul pulsante "Compila/Crea e carica".

Passaggio 8: gioca

Se si alimenta il modulo Arduino UNO e il display OLED dovrebbe iniziare a visualizzare il menu, è possibile navigare nel menu premendo il pulsante.

Congratulazioni! Hai completato il tuo progetto con Visuino. In allegato anche il progetto Visuino, che ho creato per questo Instructable, potete scaricarlo qui e aprirlo in Visuino: