Eenvoudig te implementeren gebruikersinterface -- OLED-display met joystick en knoppen - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:16

Deze module heeft een OLED-display met twee knoppen, 5-weg joystick en een 3-assige accelerometer. Dit is handig bij het instellen van de gebruikersinterface voor een project.

Hé, wat is er jongens? Akarsh hier van CETech. Vandaag gaan we kijken naar een alles-in-één module die erg handig is bij het opzetten van een snelle UI-hardware-interface voor elk project dat we in de toekomst maken. Bekijk de video op mijn kanaal om het bord in actie te zien! Laten we nu beginnen met het project!

Stap 1: Onderdelen

Om dit te maken heb je een ESP8266 board nodig en je kunt ook een batterij toevoegen als je wilt.

U vindt de Firebeetle OLED-module hier.

Ik raad aan om met deze module een bord van DFRobot te gebruiken, omdat de pinout compatibel is en je nergens problemen zult ondervinden.

Stap 2: laat PCB's voor uw project maken

U moet JLCPCB eens bekijken om PCB's goedkoop online te bestellen!

U krijgt 10 PCB's van goede kwaliteit die voor $ 2 en wat verzendkosten zijn vervaardigd en naar uw deur worden verzonden. Ook krijg je korting op de verzendkosten op je eerste bestelling. Als u uw eigen PCB wilt ontwerpen, gaat u naar easyEDA en uploadt u uw Gerber-bestanden naar JLCPCB om ze met een goede kwaliteit en een snelle doorlooptijd te laten vervaardigen.

Stap 3: Download en installeer de Arduino IDE

Download hier de Arduino IDE.

1. Installeer de Arduino IDE en open deze.

2. Ga naar Bestand > Voorkeuren

3. Voeg https://arduino.esp8266.com/stable/package_esp8266… de URL's van de extra Boards Manager toe.

4. Ga naar Tools > Board > Boards Manager

5. Zoek naar ESP8266 en installeer vervolgens het bord.

6. Start de IDE opnieuw.

Stap 4: Bereid de onderdelen voor

1. Soldeer de headers op het OLED-schild en de microcontrollermodule.

TIP: Gebruik een breadboard om de headers uit te lijnen en soldeer vervolgens de module waarbij de headers in het breadboard blijven zitten.

2. Lijn de hoeken uit met de witte kleuren op beide modules en stapel ze met behulp van de koppen. Sluit nu het bord aan op de pc.

Stap 5: De module coderen

1. Download de volgende bibliotheken:

1.1.

1.2.

2. Pak de gedownloade bibliotheken uit, hernoem ze door de naam "-master" ervan te verwijderen.

3. Navigeer naar de bibliothekenmap in je Arduino IDE en plak beide mappen hier.

4. Start de Arduino IDE opnieuw.

5. Navigeer naar Bestand>Voorbeelden>DFRobot_OLED12864>teststall en open deze code.

6. Navigeer naar Extra > Bord. Selecteer het juiste bord dat u gebruikt, Firebeetle ESP8266 in mijn geval.7. Selecteer de juiste comm. poort door naar Extra > Poort te gaan.

8. Druk op de uploadknop.

9. Als op het tabblad Klaar met uploaden staat, ben je klaar om het schild te gebruiken. Open na het uploaden de seriële monitor om de volgende details te bekijken.

Stap 6: Spelen met het schild

1. Sluit de module aan op een voeding met behulp van de micro-USB-connector aan boord of zet gewoon de schakelaar aan als je een batterij hebt aangesloten.

2. Zodra de module is aangesloten zie je het display tot leven komen.

3. Wanneer u de verschillende knoppen op de joystick gebruikt, ziet u dat het display in realtime laat zien in welke richting u de joystick hebt bewogen.

4. Door op de knop A & B te drukken, worden verschillende soorten gegevens weergegeven zoals in de onderstaande afbeeldingen.

5. KONGO! De module werkt zoals verwacht.