Interfície d'usuari fàcil d'implementar -- Pantalla OLED amb palanca de control i botons: 6 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:13

Aquest mòdul té una pantalla OLED amb dos botons, un joystick de 5 vies i un acceleròmetre de 3 eixos. Això és útil per configurar la interfície d’usuari per a un projecte.

Ei, què passa nois? Akarsh aquí des de CETech. Avui anem a fer una ullada a un mòdul tot en un que és molt útil per preparar una interfície de maquinari d’interfície d’usuari ràpida per a qualsevol projecte que fem en el futur. Mireu el vídeo al meu canal per veure el tauler en acció. Comencem amb el projecte ara!

Pas 1: parts

Per fer-ho, necessitareu una placa ESP8266 i també podeu afegir una bateria si voleu.

Podeu trobar el mòdul OLED de Firebeetle aquí.

Us suggereixo utilitzar una placa de DFRobot amb aquest mòdul, ja que el pinout serà compatible i no tindreu cap problema enlloc, he utilitzat la placa Firebeetle de DFRobot, ja que té una solució de control i càrrega de la bateria integrada.

Pas 2: Obteniu PCB per al vostre projecte

Heu de consultar JLCPCB per demanar PCB en línia de manera econòmica.

Obteniu 10 PCB de bona qualitat fabricats i enviats a la vostra porta per 2 $ i una mica d’enviament. També obtindreu un descompte en l’enviament de la primera comanda. Per dissenyar el vostre propi capçal de PCB a easyEDA, un cop fet això, pengeu els fitxers Gerber a JLCPCB per fabricar-los amb una bona qualitat i un temps de resposta ràpid.

Pas 3: descarregueu i configureu l'IDE Arduino

Descarregueu l’IDE Arduino des d’aquí.

1. Instal·leu l'IDE Arduino i obriu-lo.

2. Aneu a Fitxer> Preferències

3. Afegiu https://arduino.esp8266.com/stable/package_esp8266… els URL del gestor de taules addicionals.

4. Aneu a Eines> Tauler> Gestor de taulers

5. Cerqueu ESP8266 i després instal·leu la placa.

6. Reinicieu l'IDE.

Pas 4: prepareu les parts

1. Soldeu les capçaleres de l'escut OLED i el mòdul de microcontrolador.

SUGGERIMENT: Utilitzeu una taula de control per alinear les capçaleres i, a continuació, soldeu el mòdul mantenint les capçaleres inserides a la taula de treball.

2. Alineeu les cantonades amb els colors blancs dels dos mòduls i apileu-les amb les capçaleres. Ara connecteu la placa al PC.

Pas 5: Codificació del mòdul

1. Baixeu les biblioteques següents:

1.1.

1.2.

2. Extraieu les biblioteques descarregades, canvieu-les amb el nom eliminant-ne el nom "-master".

3. Aneu a la carpeta de biblioteques del vostre IDE Arduino i enganxeu les dues carpetes aquí.

4. Reinicieu l'IDE Arduino.

5. Aneu a Fitxer> Exemples> DFRobot_OLED12864> testall i obriu aquest codi.

6. Aneu a Eines> Tauler. Seleccioneu el tauler adequat que feu servir, Firebeetle ESP8266 en el meu cas. Seleccioneu la comunicació correcta. port anant a Eines> Port.

8. Premeu el botó de càrrega.

9. Quan la pestanya diu Càrrega finalitzada, ja podeu utilitzar l'escut. Després de carregar, obriu el monitor sèrie per veure els detalls següents.

Pas 6: Jugar amb l’escut

1. Connecteu el mòdul amb una font d'alimentació mitjançant el connector micro USB de la placa o bé enceneu l'interruptor si heu connectat una bateria.

2. Tan bon punt el mòdul estigui connectat, veureu que la pantalla cobra vida.

3. Quan utilitzeu els diferents botons del joystick, veureu que la pantalla en temps real mostra en quina direcció heu mogut el joystick.

4. En prémer el botó A & B es mostren diferents tipus de dades, com a les imatges següents.

5. CONGO! El mòdul funciona com s’esperava.