Εύκολη εφαρμογή UI -- OLED οθόνη με Joystick & κουμπιά: 6 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:34

Αυτή η μονάδα διαθέτει οθόνη OLED με δύο κουμπιά, joystick 5 κατευθύνσεων και επιταχυνσιόμετρο 3 αξόνων. Αυτό είναι χρήσιμο στη ρύθμιση της διεπαφής χρήστη για ένα έργο.

Ρε παιδιά τι γίνεται; Akarsh εδώ από το CETech. Σήμερα θα ρίξουμε μια ματιά σε μια ενότητα all-in-one που είναι πολύ χρήσιμη για την επινόηση μιας γρήγορης διεπαφής υλικού UI για οποιοδήποτε έργο που θα κάνουμε στο μέλλον. Δείτε το βίντεο στο κανάλι μου για να δείτε τον πίνακα σε δράση! Ας ξεκινήσουμε με το έργο τώρα!

Βήμα 1: Μέρη

Για να το κάνετε αυτό θα χρειαστείτε έναν πίνακα ESP8266 και μπορείτε επίσης να προσθέσετε μια μπαταρία εάν θέλετε.

Μπορείτε να βρείτε τη μονάδα Firebeetle OLED εδώ.

Προτείνω να χρησιμοποιήσετε έναν πίνακα από το DFRobot με αυτήν την ενότητα, καθώς το pinout θα είναι συμβατό και δεν θα αντιμετωπίσετε κανένα πρόβλημα οπουδήποτε, χρησιμοποίησα την πλακέτα Firebeetle από το DFRobot καθώς έχει λύση φόρτισης και παρακολούθησης της ενσωματωμένης μπαταρίας.

Βήμα 2: Αποκτήστε PCB για το έργο που κατασκευάσατε

Πρέπει να ελέγξετε το JLCPCB για να παραγγείλετε ηλεκτρονικά PCB φθηνά!

Παίρνετε 10 καλής ποιότητας PCB που κατασκευάζονται και αποστέλλονται στην πόρτα σας για 2 $ και κάποια μεταφορικά. Θα λάβετε επίσης έκπτωση στα μεταφορικά στην πρώτη σας παραγγελία. Για να σχεδιάσετε το δικό σας PCB στο easyEDA, μόλις γίνει αυτό, ανεβάστε τα αρχεία Gerber σε JLCPCB για να κατασκευαστούν με καλή ποιότητα και γρήγορο χρόνο ανακύκλωσης.

Βήμα 3: Λήψη και ρύθμιση του Arduino IDE

Κατεβάστε το Arduino IDE από εδώ.

1. Εγκαταστήστε το Arduino IDE και ανοίξτε το.

2. Μεταβείτε στο Αρχείο> Προτιμήσεις

3. Προσθέστε https://arduino.esp8266.com/stable/package_esp8266… τις διευθύνσεις URL Πρόσθετων Συμβουλίων.

4. Μεταβείτε στην επιλογή Εργαλεία> Πίνακας> Διαχειριστής πινάκων

5. Αναζητήστε το ESP8266 και, στη συνέχεια, εγκαταστήστε την πλακέτα.

6. Επανεκκινήστε το IDE.

Βήμα 4: Προετοιμάστε τα μέρη

1. Συγκολλήστε τις κεφαλίδες στην ασπίδα OLED καθώς και τη μονάδα μικροελεγκτή.

ΣΥΜΒΟΥΛΗ: Χρησιμοποιήστε ένα breadboard για να ευθυγραμμίσετε τις κεφαλίδες και στη συνέχεια κολλήστε τη μονάδα κρατώντας τις κεφαλίδες τοποθετημένες στο breadboard.

2. Ευθυγραμμίστε τις γωνίες με τα λευκά χρώματα και στις δύο ενότητες και τοποθετήστε τις χρησιμοποιώντας τις κεφαλίδες. Τώρα συνδέστε την πλακέτα στον υπολογιστή.

Βήμα 5: Κωδικοποίηση της ενότητας

1. Κατεβάστε τις ακόλουθες βιβλιοθήκες:

1.1.

1.2.

2. Εξαγάγετε τις ληφθείσες βιβλιοθήκες, μετονομάστε τις αφαιρώντας το όνομα "-master" από αυτές.

3. Μεταβείτε στο φάκελο βιβλιοθήκες στο Arduino IDE και επικολλήστε και τους δύο φακέλους εδώ.

4. Επανεκκινήστε το Arduino IDE.

5. Μεταβείτε στο Αρχείο> Παραδείγματα> DFRobot_OLED12864> testall και ανοίξτε αυτόν τον κωδικό.

6. Μεταβείτε στα Εργαλεία> Πίνακας. Επιλέξτε τον κατάλληλο πίνακα που χρησιμοποιείτε, Firebeetle ESP8266 στην περίπτωσή μου. Επιλέξτε το σωστό comm. θύρα μεταβαίνοντας στα Εργαλεία> Θύρα.

8. Πατήστε το κουμπί μεταφόρτωσης.

9. Όταν η καρτέλα λέει Τέλος μεταφόρτωση, είστε έτοιμοι να χρησιμοποιήσετε την ασπίδα. Μετά τη μεταφόρτωση ανοίξτε τη σειριακή οθόνη για να δείτε τις ακόλουθες λεπτομέρειες.

Βήμα 6: Παίζοντας με την ασπίδα

1. Συνδέστε τη μονάδα με ένα τροφοδοτικό χρησιμοποιώντας την υποδοχή micro USB στο σκάφος ή απλώς ενεργοποιήστε το διακόπτη εάν έχετε συνδέσει μπαταρία.

2. Μόλις συνδεθεί η μονάδα θα δείτε την οθόνη να ζωντανεύει.

3. Όταν χρησιμοποιείτε τα διαφορετικά κουμπιά στο joystick, θα δείτε ότι η οθόνη σε πραγματικό χρόνο δείχνει σε ποια κατεύθυνση έχετε μετακινήσει το joystick.

4. Πατώντας το κουμπί A & B εμφανίζονται διαφορετικοί τύποι δεδομένων όπως στις παρακάτω εικόνες.

5. ΣΥΝΕΧΕΙΑ! Η ενότητα λειτουργεί όπως αναμενόταν.