Lett å implementere brukergrensesnitt -- OLED -skjerm med joystick og knapper: 6 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23

Denne modulen har et OLED-display med to knapper, 5-veis joystick og et 3-akset akselerometer. Dette er nyttig når du setter opp brukergrensesnitt for et prosjekt.

Hei, hva skjer gutter? Akarsh her fra CETech. I dag skal vi ta en titt på en alt-i-ett-modul som er veldig nyttig for å rigge opp et raskt UI-maskinvaregrensesnitt for ethvert prosjekt vi lager i fremtiden. Se videoen på kanalen min for å se brettet i aksjon! La oss begynne med prosjektet nå!

Trinn 1: Deler

For å lage dette trenger du et ESP8266 -kort, og du kan også legge til et batteri hvis du vil.

Du finner Firebeetle OLED -modulen her.

Jeg foreslår at du bruker et brett fra DFRobot med denne modulen, siden pinout vil være kompatibel, og du vil ikke få problemer noen steder, jeg brukte Firebeetle -bord fra DFRobot ettersom den har innebygd batterilading og overvåkningsløsning.

Trinn 2: Få PCB -er for prosjektet ditt

Du må sjekke JLCPCB for å bestille PCB online billig!

Du får 10 PCB -er av god kvalitet produsert og sendt til døren din for 2 $ og litt frakt. Du vil også få rabatt på frakt på din første bestilling. For å designe ditt eget PCB, gå over til easyEDA, når det er gjort, last opp Gerber -filene dine til JLCPCB for å få dem produsert med god kvalitet og rask behandlingstid.

Trinn 3: Last ned og konfigurer Arduino IDE

Last ned Arduino IDE herfra.

1. Installer Arduino IDE og åpne den.

2. Gå til Fil> Innstillinger

3. Legg til https://arduino.esp8266.com/stable/package_esp8266… de ytterligere URLene til Boards Manager.

4. Gå til Verktøy> Brett> Boards Manager

5. Søk etter ESP8266 og installer deretter kortet.

6. Start IDE på nytt.

Trinn 4: Forbered delene

1. Lodd hodene på OLED -skjoldet samt mikrokontrollermodulen.

TIPS: Bruk et brødbrett for å justere topptekstene, og lodd deretter modulen mens du holder toppene satt inn i brødbrettet.

2. Juster hjørnene med de hvite fargene på begge modulene, og stable dem ved hjelp av overskriftene. Koble kortet til PC -en.

Trinn 5: Koding av modulen

1. Last ned følgende biblioteker:

1.1.

1.2.

2. Pakk ut de nedlastede bibliotekene, gi dem nytt navn ved å fjerne navnet "-master" fra dem.

3. Naviger til biblioteker -mappen i Arduino IDE og lim inn begge mappene her.

4. Start Arduino IDE på nytt.

5. Naviger til Fil> Eksempler> DFRobot_OLED12864> testall og åpne denne koden.

6. Naviger til Verktøy> Tavle. Velg det passende brettet du bruker, Firebeetle ESP8266 i mitt tilfelle. Velg riktig komm. port ved å gå til Verktøy> Port.

8. Trykk på opplastingsknappen.

9. Når fanen sier Ferdig opplasting, er du klar til å bruke skjoldet. Etter opplasting åpner du den serielle skjermen for å se følgende detaljer.

Trinn 6: Lek med skjoldet

1. Koble modulen til en strømforsyning ved hjelp av mikro -USB -kontakten ombord eller bare slå på bryteren hvis du har koblet til et batteri.

2. Så snart modulen er tilkoblet, ser du displayet komme til live.

3. Når du vil bruke de forskjellige knappene på joysticken, vil du se at displayet i sanntid viser hvilken retning du har flyttet joysticken inn.

4. Ved å trykke på knappen A & B vises forskjellige datatyper som på bildene nedenfor.

5. KONGO! Modulen fungerer som forventet.