UI ușor de implementat -- Afișaj OLED cu joystick și butoane: 6 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:44

Acest modul are un afișaj OLED cu două butoane, joystick cu 5 căi și un accelerometru pe 3 axe. Acest lucru este util în configurarea interfeței de utilizare pentru un proiect.

Hei, ce-i cu băieții? Akarsh aici de la CETech. Astăzi vom arunca o privire la un modul all-in-one care este foarte util în amenajarea unei interfețe hardware UI rapide pentru orice proiect pe care îl facem în viitor. Urmăriți videoclipul de pe canalul meu pentru a vedea tabloul în acțiune! Să începem cu proiectul acum!

Pasul 1: Piese

Pentru a face acest lucru, veți avea nevoie de o placă ESP8266 și puteți adăuga și o baterie, dacă doriți.

Puteți găsi modulul OLED Firebeetle aici.

Vă sugerez să utilizați o placă de la DFRobot cu acest modul, deoarece pinout-ul va fi compatibil și nu veți întâmpina nicio problemă nicăieri, am folosit placa Firebeetle de la DFRobot deoarece are soluția de încărcare și monitorizare a bateriei la bord.

Pasul 2: obțineți PCB-uri pentru proiectul dvs. fabricat

Trebuie să verificați JLCPCB pentru a comanda PCB online ieftin!

Veți obține 10 PCB-uri de bună calitate fabricate și expediate la pragul dvs. pentru 2 $ și o parte din transport. Veți primi, de asemenea, o reducere la expediere la prima comandă. Pentru a vă proiecta propriul cap PCB către easyEDA, odată ce ați terminat, încărcați fișierele Gerber pe JLCPCB pentru a le fabrica cu o calitate bună și timp de livrare rapid.

Pasul 3: Descărcați și configurați IDE-ul Arduino

Descărcați ID-ul Arduino de aici.

1. Instalați Arduino IDE și deschideți-l.

2. Accesați Fișier> Preferințe

3. Adăugați https://arduino.esp8266.com/stable/package_esp8266… adresele URL suplimentare ale managerului de plăci.

4. Accesați Instrumente> Placă> Manager placi

5. Căutați ESP8266 și apoi instalați placa.

6. Reporniți IDE-ul.

Pasul 4: Pregătiți piesele

1. Lipiți anteturile de pe ecranul OLED, precum și modulul de microcontroler.

SFAT: Utilizați un panou pentru a alinia antetele și apoi lipiți modulul păstrând antetele introduse în panou.

2. Aliniați colțurile cu culorile albe de pe ambele module și stivați-le folosind anteturile. Acum conectați placa la computer.

Pasul 5: Codificarea modulului

1. Descărcați următoarele biblioteci:

1.1.

1.2.

2. Extrageți bibliotecile descărcate, redenumiți-le eliminând numele „-master” din ele.

3. Navigați la folderul biblioteci din ID-ul dvs. Arduino și lipiți ambele foldere aici.

4. Reporniți ID-ul Arduino.

5. Navigați la Fișier> Exemple> DFRobot_OLED12864> testall și deschideți acest cod.

6. Navigați la Instrumente> Placă. Selectați placa potrivită pe care o utilizați, Firebeetle ESP8266 în cazul meu. Selectați comunicarea corectă port accesând Instrumente> Port.

8. Apăsați butonul de încărcare.

9. Când fila indică Încărcare finalizată, sunteți gata să utilizați scutul. După încărcare, deschideți monitorul serial pentru a vizualiza următoarele detalii.

Pasul 6: Joacă cu Scutul

1. Conectați modulul cu o sursă de alimentare utilizând conectorul micro USB de la bord sau pur și simplu porniți comutatorul dacă ați conectat o baterie.

2. De îndată ce modulul este conectat, veți vedea afișajul prind viață.

3. Când veți utiliza diferitele butoane de pe joystick, veți vedea că afișajul în timp real arată în ce direcție ați mutat joystick-ul.

4. Apăsând butonul A & B se afișează diferite tipuri de date ca în imaginile de mai jos.

5. CONGO! Modulul funcționează conform așteptărilor.