Μενού οθόνης Arduino OLED με δυνατότητα επιλογής: 8 βήματα

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

Σε αυτό το σεμινάριο θα μάθουμε πώς να φτιάχνουμε ένα μενού με μια επιλογή επιλογής χρησιμοποιώντας OLED Display και Visuino.

Δες το βίντεο.

Βήμα 1: Τι θα χρειαστείτε

• Arduino UNO (ή οποιοδήποτε άλλο Arduino)
• Καλώδια βραχυκυκλωτήρων
• Οθόνη OLED
• Breadboard
• Αντίσταση 1K ohm
• Κουμπί
• Πρόγραμμα Visuino: Κατεβάστε το Visuino

Βήμα 2: Το κύκλωμα

• Συνδέστε τον ακροδέκτη οθόνης OLED [VCC] στον arduino pin [5V]
• Συνδέστε τον ακροδέκτη οθόνης OLED [GND] στον arduino pin [GND]
• Συνδέστε τον ακροδέκτη οθόνης OLED [SDA] στον arduino pin [SDA]
• Συνδέστε τον ακροδέκτη οθόνης OLED [SCL] στον arduino pin [SCL]
• Συνδέστε το Arduino 5V στη μία πλευρά της αντίστασης
• Συνδέστε την άλλη πλευρά της αντίστασης στο κουμπί
• Συνδέστε την άλλη πλευρά του κουμπιού στην ψηφιακή καρφίτσα Arduino [8] και στη γείωση

Βήμα 3: Ξεκινήστε το Visuino και επιλέξτε τον τύπο πίνακα Arduino UNO

Για να ξεκινήσετε τον προγραμματισμό του Arduino, θα πρέπει να έχετε εγκαταστήσει το Arduino IDE από εδώ:

Λάβετε υπόψη ότι υπάρχουν ορισμένα κρίσιμα σφάλματα στο Arduino IDE 1.6.6. Βεβαιωθείτε ότι έχετε εγκαταστήσει 1.6.7 ή νεότερη έκδοση, διαφορετικά αυτό το Instructable δεν θα λειτουργήσει! Εάν δεν το έχετε κάνει ακολουθήστε τα βήματα σε αυτό το Instructable για να ρυθμίσετε το Arduino IDE για να προγραμματίσετε το Arduino UNO! Το Visuino: https://www.visuino.eu πρέπει επίσης να εγκατασταθεί. Ξεκινήστε το Visuino όπως φαίνεται στην πρώτη εικόνα Κάντε κλικ στο κουμπί "Εργαλεία" στο στοιχείο Arduino (Εικόνα 1) στο Visuino Όταν εμφανιστεί το παράθυρο διαλόγου, επιλέξτε "Arduino UNO" όπως φαίνεται στην Εικόνα 2

Βήμα 4: Στο Visuino ADD Components

• Προσθέστε το στοιχείο "Counter"
• Προσθέστε το στοιχείο "Integer Array"
• Προσθέστε το στοιχείο "Integer Multi Source"
• Προσθέστε το στοιχείο "SSD1306/SH1106 OLED Display (I2C)"

Βήμα 5: Στο Visuino Set Components

• Επιλέξτε το στοιχείο "Counter1" και στο παράθυρο ιδιοτήτων ορίστε "Max"> "Value" σε 2 και "Min>" Value "σε 0
• Κάντε διπλό κλικ στο "Array1" και στο παράθυρο Elements σύρετε 3x 'Value' στην αριστερή πλευράΕπιλέξτε το στοιχείο [1] και στο παράθυρο ιδιοτήτων ορίστε την τιμή σε 20Επιλέξτε το στοιχείο [2] και στο παράθυρο ιδιοτήτων ορίστε την τιμή στο 40
• Επιλέξτε το στοιχείο "IntegerMultiSource1" και στο παράθυρο ιδιοτήτων ορίστε "Καρφίτσες εξόδου" σε 4
• Κάντε διπλό κλικ στο "DisplayOLED1" και στο παράθυρο στοιχείων -σύρετε 3X "Draw Text" προς τα αριστερά Επιλέξτε "Draw Text1" και στο παράθυρο ιδιοτήτων ορίστε το χρώμα σε tmcInvert, μέγεθος σε 2, κείμενο σε "Menu -1" Επιλέξτε "Draw Text2 "και στο παράθυρο ιδιοτήτων ορίστε το χρώμα σε tmcInvert, μέγεθος σε 2, κείμενο σε" Menu-2 ", Y σε 20 Επιλέξτε" Draw Text3 "και στο παράθυρο ιδιοτήτων ορίστε το χρώμα σε tmcInvert, μέγεθος σε 2, κείμενο σε" Menu-3 ', Y προς 40 σύρετε το "Draw Rectangle" προς τα αριστερά και ορίστε το χρώμα σε tmcWhite και colorcolor σε tmcWhite, ύψος 20, Πλάτος έως 128, επιλέξτε Y και κάντε κλικ στο εικονίδιο Pin και επιλέξτε "Integer SinkPin"-drag "Fill" Οθόνη "στα αριστερά

Βήμα 6: Στο Visuino Connect Components

• Συνδέστε τον ψηφιακό ακροδέκτη Arduino [8] με τον ακροδέκτη "counter1" [In]
• Συνδέστε τον ακροδέκτη του στοιχείου "Counter1" [out] με τον ακροδέκτη "Array1" [Ευρετήριο]
• Συνδέστε την καρφίτσα συστατικού "Array1" [έξω] με την ακίδα "IntegerMultiSource1" [In]
• Συνδέστε τον ακροδέκτη "IntegerMultiSource1" [0] στο DisplayOLED1> Πλήρωση οθόνης1 ακίδα [ρολόι]
• Συνδέστε την ακίδα "IntegerMultiSource1" [1] στο DisplayOLED1> Σχεδιάστε ορθογώνιο1 ακίδα [Y]
• Συνδέστε τον ακροδέκτη "IntegerMultiSource1" [2] στο DisplayOLED1> Σχεδιάστε ορθογώνιο1 ακίδα [Ρολόι]
• Συνδέστε τον ακροδέκτη "IntegerMultiSource1" [3] στο DisplayOLED1> Σχεδίαση κειμένου 1 καρφίτσα [Ρολόι]
• Συνδέστε την ακίδα "IntegerMultiSource1" [3] στο DisplayOLED1> Σχεδιάστε κείμενο2 ακίδα [Ρολόι]
• Συνδέστε την ακίδα "IntegerMultiSource1" [3] στο DisplayOLED1> Σχεδιάστε κείμενο3 ακίδα [Ρολόι]
• Συνδέστε τον ακροδέκτη "DisplayOLED1" I2C [Out] στον πείρο Arduino I2c [In]

Βήμα 7: Δημιουργία, μεταγλώττιση και μεταφόρτωση του κώδικα Arduino

Στο Visuino, στο κάτω μέρος κάντε κλικ στην καρτέλα "Build", βεβαιωθείτε ότι έχει επιλεγεί η σωστή θύρα και, στη συνέχεια, κάντε κλικ στο κουμπί "Compile/Build and Upload".

Βήμα 8: Παίξτε

Εάν ενεργοποιήσετε τη μονάδα Arduino UNO και η οθόνη OLED πρέπει να αρχίσει να εμφανίζει το μενού, μπορείτε να περιηγηθείτε στο μενού πατώντας το κουμπί.

Συγχαρητήρια! Ολοκληρώσατε το έργο σας με το Visuino. Επισυνάπτεται επίσης το έργο Visuino, που δημιούργησα για αυτό το Instructable, μπορείτε να το κατεβάσετε εδώ και να το ανοίξετε στο Visuino: