Interfaccia utente facile da implementare -- Display OLED con joystick e pulsanti: 6 passaggi

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

Questo modulo ha un display OLED con due pulsanti, joystick a 5 direzioni e accelerometro a 3 assi. Questo è utile nella configurazione dell'interfaccia utente per un progetto.

Ehi, che succede ragazzi? Akarsh qui da CETech. Oggi daremo un'occhiata a un modulo all-in-one che è molto utile per creare un'interfaccia hardware rapida dell'interfaccia utente per qualsiasi progetto che faremo in futuro. Guarda il video sul mio canale per vedere la lavagna in azione! Iniziamo subito con il progetto!

Passaggio 1: parti

Per fare ciò avrai bisogno di una scheda ESP8266 e puoi anche aggiungere una batteria se lo desideri.

Puoi trovare il modulo OLED Firebeetle qui.

Suggerisco di utilizzare una scheda di DFRobot con questo modulo poiché il pinout sarà compatibile e non avrai problemi da nessuna parte, ho usato la scheda Firebeetle di DFRobot poiché ha una soluzione di ricarica e monitoraggio della batteria integrata.

Passaggio 2: ottieni PCB per il tuo progetto prodotto

Devi dare un'occhiata a JLCPCB per ordinare PCB online a basso costo!

Ottieni 10 PCB di buona qualità prodotti e spediti a casa tua per 2 $ e alcune spese di spedizione. Avrai anche uno sconto sulla spedizione sul tuo primo ordine. Per progettare il tuo PCB, vai su easyEDA, una volta fatto carica i tuoi file Gerber su JLCPCB per farli fabbricare con una buona qualità e tempi di consegna rapidi.

Passaggio 3: scarica e configura l'IDE Arduino

Scarica l'IDE Arduino da qui.

1. Installa l'IDE Arduino e aprilo.

2. Vai su File > Preferenze

3. Aggiungi https://arduino.esp8266.com/stable/package_esp8266… gli URL di Gestione schede aggiuntive.

4. Vai su Strumenti > Bacheca > Gestore bacheche

5. Cerca ESP8266 e poi installa la scheda.

6. Riavviare l'IDE.

Passaggio 4: preparare le parti

1. Saldare le intestazioni sullo schermo OLED e il modulo del microcontrollore.

SUGGERIMENTO: utilizzare una breadboard per allineare le intestazioni e quindi saldare il modulo mantenendo le intestazioni inserite nella breadboard.

2. Allineare gli angoli con i colori bianchi su entrambi i moduli e impilarli utilizzando le intestazioni. Ora collega la scheda al PC.

Passaggio 5: codifica del modulo

1. Scarica le seguenti librerie:

1.1.

1.2.

2. Estrarre le librerie scaricate, rinominarle rimuovendo da esse il nome "-master".

3. Passa alla cartella delle librerie nel tuo IDE Arduino e incolla qui entrambe le cartelle.

4. Riavvia l'IDE Arduino.

5. Passare a File>Esempi>DFRobot_OLED12864>testall e aprire questo codice.

6. Passare a Strumenti > Lavagna. Seleziona la scheda appropriata che stai utilizzando, Firebeetle ESP8266 nel mio caso.7. Seleziona la comunicazione corretta. porta andando su Strumenti > Porta.

8. Premi il pulsante di caricamento.

9. Quando la scheda dice Caricamento completato, sei pronto per utilizzare lo scudo. Dopo il caricamento, aprire il monitor seriale per visualizzare i seguenti dettagli.

Passaggio 6: giocare con lo scudo

1. Collegare il modulo con un alimentatore tramite il connettore micro USB a bordo o semplicemente accendere l'interruttore se è stata collegata una batteria.

2. Non appena il modulo sarà collegato, vedrai il display prendere vita.

3. Quando utilizzerai i diversi pulsanti del joystick, vedrai che il display in tempo reale mostra in quale direzione hai spostato il joystick.

4. Premendo il pulsante A & B vengono visualizzati diversi tipi di dati come nelle immagini sottostanti.

5. CONGO! Il modulo funziona come previsto.