Πίνακας περιεχομένων:

IDE Arduino με σκοτεινό θέμα: 6 βήματα
IDE Arduino με σκοτεινό θέμα: 6 βήματα

Βίντεο: IDE Arduino με σκοτεινό θέμα: 6 βήματα

Βίντεο: IDE Arduino με σκοτεινό θέμα: 6 βήματα
Βίντεο: Πώς να βάψει τα μαλλιά της σε ένα ΣΟΎΠΕΡ ΞΑΝΘΆ βήμα προς βήμα! 2024, Ιούλιος
Anonim
Image
Image
IDE Arduino με σκοτεινό θέμα
IDE Arduino με σκοτεινό θέμα

Σε αυτό το σχήμα, θα συνεργαστούμε με το IDE Arduino και θα μετατρέψουμε το θέμα αυτού του περιβάλλοντος προγραμματισμού από ανοιχτό σε σκοτεινό για να βελτιώσουμε την ορατότητα του πηγαίου κώδικα. Αυτό θα επιτρέψει μια λιγότερο κουραστική εμπειρία προβολής.

Σχετικά με αυτό το θέμα, εντοπίσαμε ένα αρχείο του Jeff Thompson, ο οποίος είναι καθηγητής τέχνης και τεχνολογίας στις Ηνωμένες Πολιτείες. Με μια βάση που προέρχεται από αυτό το άρθρο, ας αλλάξουμε τα αρχεία διαμόρφωσης για να ενεργοποιήσουμε την αλλαγή χρώματος στο Arduino IDE.

Βήμα 1: Λήψη

Κατεβάστε
Κατεβάστε
Κατεβάστε
Κατεβάστε

Σας συμβουλεύουμε να κατεβάσετε το αρχείο Jeff Thompson από το GITHUB. Έχει τροποποιήσει ορισμένα αρχεία στα bitmaps και τα έχει κάνει προσβάσιμα στη διεύθυνση https://github.com/jeffThompson/DarkArduinoTheme. Μπορείτε επίσης να κατεβάσετε το Σημειωματάριο ++, το οποίο είναι πολύ καλό για την επεξεργασία του αρχείου XML ή ακόμα και το αρχείο γλώσσας C.

Επίσης, στο annystudio.com, υπάρχει ένα δωρεάν πρόγραμμα λογισμικού που ονομάζεται Jcpicker. Κάνει τη μετατροπή RGB σε δεκαεξαδικές τιμές.

Βήμα 2: Readme

Το readme δείχνει ότι η τελευταία κριτική που έκανε ο Jeff Thompson ήταν στην έκδοση 1.6.6+ του Arduino, αλλά δοκιμάσαμε στην έκδοση 1.84. Λειτούργησε καλά.

Για να αλλάξετε το χρώμα του Arduino IDE πρέπει να αποσυμπιέσετε το αρχείο DarkArduinoTheme.zip που βρίσκεται στο Github και να το αντιγράψετε στο φάκελο του Arduino.

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

Για MAC OS ~ / Applications / Arduino.app / Contents / Java / lib / theme

Για Windows `C: / Program Files (x86) Arduino / lib / theme`.

Βήμα 3: ### Δημιουργία των δικών σας χρωμάτων

Για να δημιουργήσετε προσαρμοσμένα θέματα, πρέπει να επεξεργαστείτε το αρχείο theme.txt (ένα αρχείο XML μέσα στο φάκελο σύνταξης) και τα αρχεία κουμπιών. Θυμηθείτε ότι για να επιλέξετε ένα χρώμα, πρέπει να γνωρίζετε ποια τιμή αντιστοιχεί στο δεκαεξαδικό.

Ο Jeff Thompson δημιούργησε ένα σκοτεινό θέμα, αλλά παρατηρήσαμε ότι η λέξη Setup, σε σκούρο πράσινο, δεν ήταν καλή για την ορατότητα. Έτσι, το αλλάξαμε σε ανοιχτό πράσινο, το οποίο μπορεί να ελεγχθεί σε ένα αρχείο theme.txt. Αυτό είναι διαθέσιμο για λήψη εδώ στο ιστολόγιο, ακριβώς από κάτω.

Βήμα 4: Σύνταξη

Σύνταξη
Σύνταξη

Δείτε την έκδοση de xml στη διεύθυνση

Βήμα 5: Αρχείο Theme.txt

Αρχείο Theme.txt
Αρχείο Theme.txt

#ΛΕΙΤΟΥΡΓΙΕΣ ΧΡΩΜΑ #D35400 - ΠΟΡΤΟΚΑΛΙ ΚΛΕΙΔΙ 1 #ΛΕΙΤΟΥΡΓΙΕΣ ΧΡΩΜΑ #D35400 - ΠΟΡΤΟΚΑΛΙ ΚΛΕΙΔΙ 2 ΣΧΟΛΙΑ / ** / ΧΡΩΜΑ #434F54 - ΣΚΟΤΟ ΓΚΡΙ #GUI - STATUS status.notice.fgcolor = #002325 status.notice.bgcolor = #404040 status.error.fgcolor = #FFFFFF status.error.bgcolor = #E34C00 status..fgcolor = # 000000 status.edit.bgcolor = # F1B500 status.font = SansSerif, plain, 12 # GUI - TABS # ρυθμίσεις για τις καρτέλες στο επάνω μέρος # (οι εικόνες καρτέλας αποθηκεύονται στο φάκελο lib/theme) header.bgcolor = #404040 header.text.selected.color = #323232 header.text.unselected.color = #3C3C3C header.text.font = SansSerif, plain, 12 #GUI - CONSOLE console.font = Monospaced, plain, 11 console.font.macosx = Μονακό, απλό, 10 console.color = #000000 console.output.color = #eeeeee console.error.color = #E34C00 #GUI - BUTTONS buttons.bgcolor = #505050 buttons.status.font = SansSe rif, plain, 12 buttons.status.color = #ffffff #GUI - LINESTATUS linestatus.color = #ffffff linestatus.bgcolor = #404040 #EDITOR - DETAILS #foreground and background colors editor.fgcolor = #4661FF editor.bgcolor = #2020 # highlight για τον τρέχοντα επεξεργαστή γραμμών.linehighlight.color = # 333333 # highlight για τον τρέχοντα επεξεργαστή γραμμής.linehighlight = true # caret που αναβοσβήνει και caret color editor.caret.color = # a0a0a0 # χρώμα που θα χρησιμοποιηθεί για φόντο όταν 'εξωτερικός επεξεργαστής 'enabled editor.external.bgcolor = # c8d2dc # selection color editor.selection.color = # dd8800 # περιοχή που δεν χρησιμοποιείται από το κείμενο (αντικαταστάθηκε με tildes) editor.invalid.style = # 7e7e7e, έντονα # μικρά pooties στο τέλος γραμμών που δείχνουν πού τελειώνουν editor.eolmarkers = false editor.eolmarkers.color = # 006699 # bracket/brace highlighting editor.brackethighlight = true editor.brackethighlight.color = # 006699 # TEXT - KEYWORDS # FUNCTIONS editor.keyword1.style = #4661FF, bold editor.data_type.style = #BC3535, bold #METHO DS editor.keyword2.style = #BC3535, απλός editor.function.style = #BC3535, plain #STRUCTURES editor.keyword3.style = #00D600, απλός editor.reserved_word.style = #00D600, απλός #TEXT - LITERALS #σταθερές & datatypes editor.literal1.style = # 006699, απλό # p5 ενσωματωμένες μεταβλητές: π.χ. mouseX, πλάτος, pixels editor.literal2.style = #00979C, απλός επεξεργαστής.variable.style = #00979C, απλός επεξεργαστής.reserved_word_2.style = #00979C, απλός επεξεργαστής.literal_boolean.style = #00979C, απλός επεξεργαστής.literal_char.style = #00979C, απλός επεξεργαστής.literal_string_double_quote.style = #00979C, απλός editor.preprocessor.style = #00d600, απλός #https://www.arduino.cc/ - ΑΠΕΛΕΥΘΕΡΩΣΤΕ ΤΟ ΥΠΟΔΕΙΓΜΑ! editor.url.style = # 81A421, απλό # π.χ. + - = / editor.operator.style = #aaaaaa, απλό # ?? ίσως αυτό είναι για λέξεις που ακολουθούνται από άνω και κάτω τελεία #όπως σε δηλώσεις περιπτώσεων ή goto editor.label.style = #7e7e7e, bold #TEXT - COMMENTS editor.comment1.style = #aaaaaa, plain editor.comment2.style = #aaaaaa, απλό # LINE STATUS - γραμμή γραμμής αριθμού επεξεργαστή στο κάτω μέρος της οθόνης linestatus.font = SansSerif, plain, 10 linestatus.height = 20 # GUI - PLOTTING # χρωματικός κύκλος που δημιουργήθηκε μέσω του colorbrewer2.org plotting.bgcolor = #ffffff plotting.color = #ffffff plotting.graphcolor.size = 4 plotting.graphcolor.00 = #2c7bb6 plotting.graphcolor.01 = #fdae61 plotting.graphcolor.02 = #d7191c plotting.graphcolor.03 = #abd9e9

Βήμα 6: JCPICKER.exe και Σημειωματάριο ++

JCPICKER.exe και Σημειωματάριο ++
JCPICKER.exe και Σημειωματάριο ++

Στις εικόνες Jcpicker και Notepad ++, παρατηρήσαμε ότι το σκούρο χρώμα είναι καλό για προγραμματισμό. Σε αυτό το μέρος, παρουσιάζω ένα παράδειγμα ενός προεπιλεγμένου αρχείου.xml που μπορεί επίσης να αλλάξει τα χρώματα του RGB.

Συνιστάται: