Πώς να προσθέσετε κουμπιά και κείμενο στο πρόγραμμα JavaFX - dummies

Ως αρχικός προγραμματιστής Java, θα θελήσετε να προσθέσετε πράγματα στο έργο σας JavaFX. Όταν δημιουργείτε ένα πρόγραμμα GUI υψηλής ισχύος, ξεκινάτε δημιουργώντας ένα παράθυρο με κουμπιά και άλλα γραφικά στοιχεία. Στη συνέχεια, προσθέτετε μεθόδους για να απαντήσετε στις πληκτρολογήσεις, τα κλικ των κουμπιών και άλλα τέτοια πράγματα.

Εδώ, χρησιμοποιείτε ένα αρχείο XML για να περιγράψετε ένα κουμπί και ένα πεδίο κειμένου:

1Ανοίξτε το έργο JavaFX.

Κοιτάξτε στον εξερευνητή πακέτων Eclipse για το νέο έργο.

2Επεκτείνετε το υποκατάστημα του νέου έργου στον εξερευνητή πακέτων του Eclipse.

Αναζητήστε τον κλάδο της εφαρμογής, ο οποίος βρίσκεται μέσα στον κλάδο src.

3 Κάντε δεξί κλικ (ή σε Mac, κάντε κλικ με κλικ) στον κλάδο εφαρμογής. Στο μενού περιβάλλοντος που εμφανίζεται, επιλέξτε Αρχείο → Νέα → Άλλο.

Εμφανίζεται το πλαίσιο διαλόγου Επιλογή οδηγού.

4Στο δέντρο του παραθύρου διαλόγου "Επιλογή οδηγού A", αναπτύξτε τον κλάδο JavaFX. Στον κλάδο JavaFX, κάντε διπλό κλικ στο στοιχείο Νέο έγγραφο FXML.

Εμφανίζεται ένα παράθυρο διαλόγου Αρχείο FXML.

5Στο πεδίο Όνομα του πλαισίου διαλόγου πληκτρολογήστε ένα όνομα για το νέο σας αρχείο και, στη συνέχεια, κάντε κλικ στο κουμπί Τέλος.

Ονομάστε το αρχείο Root .

Πληκτρολογείτε το όνομα Root, αλλά το e (fx) clipse δημιουργεί ένα αρχείο του οποίου το πλήρες όνομα είναι Root. fxml.

Αυτή η νέα ρίζα. Το αρχείο fxml περιγράφει τη διάταξη των κουμπιών, των πεδίων κειμένου και άλλων στοιχείων στη νέα εφαρμογή JavaFX.

6 Κάντε δεξί κλικ (ή σε Mac, πατήστε το πλήκτρο ελέγχου) το νέο Root. fxml υποκατάστημα στον εξερευνητή πακέτων του Eclipse. Στο μενού περιβάλλοντος που εμφανίζεται, επιλέξτε Άνοιγμα με το SceneBuilder.

Εμφανίζεται το παράθυρο της εφαρμογής Builder σκηνής.

Το παράθυρο του Builder σκηνικού περιέχει αρκετές περιοχές:

Η μέση του παραθύρου του Builder σκηνής περιέχει το πλαίσιο Περιεχόμενο , όπου βλέπετε μια προεπισκόπηση της νέας εφαρμογής σας. (Στο παρόν, δεν υπάρχει τίποτα στην εφαρμογή σας, οπότε ο πίνακας περιεχομένου είναι ένας μεγάλος κενός χώρος.)

Το επάνω αριστερό τμήμα του παραθύρου περιέχει ένα πάνελ της Βιβλιοθήκης μια ενότητα Ελέγχου και πολλά άλλα τμήματα.

Στον κόσμο GUI, τα στοιχεία όπως κουμπιά, πεδία κειμένου, ετικέτες και πλαίσια ελέγχου ονομάζονται στοιχεία ελέγχου . Η ενότητα "Έλεγχοι" της ομάδας Βιβλιοθήκης αποτελεί μια παλέτα. Για να δημιουργήσετε ένα παράθυρο GUI, σύρετε τα στοιχεία ελέγχου από την παλέτα και αφήστε τα στον πίνακα περιεχομένου.

Το κάτω αριστερό τμήμα του παραθύρου περιέχει ένα πλαίσιο Document , το οποίο περιέχει μια ενότητα Ιεραρχία και μια ενότητα Ελεγκτή. Η ενότητα Ιεραρχία περιέχει ένα στοιχείο AnchorPane.

Η ενότητα Ιεραρχία περιέχει ένα δέντρο που δείχνει ποια στοιχεία του παραθύρου σας βρίσκονται μέσα σε άλλα στοιχεία.Η ενότητα Ελεγκτής σάς βοηθά να συνδέσετε το παράθυρο που σχεδιάζετε με τον κώδικα Java της εφαρμογής.

Το δεξί τμήμα του παραθύρου περιέχει έναν πίνακα ελέγχου , ο οποίος περιέχει μια ενότητα Ιδιότητες, μια ενότητα Διάταξη και μια ενότητα κώδικα.

Στην ενότητα Ιδιότητες, περιγράφονται οι λειτουργίες των στοιχείων του παραθύρου σας. Στην ενότητα "Κωδικός", ονομάζετε τις μεθόδους Java που σχετίζονται με στοιχεία στο παράθυρό σας.

Τα χιλιόμετρα σας μπορεί να διαφέρουν! Αυτές οι οδηγίες δουλεύουν σε μια έκδοση προεπισκόπησης του Scene Builder 2. 0. Εάν έχετε μια διαφορετική έκδοση του Scene Builder, τα βήματά σας μπορεί να είναι λίγο διαφορετικά.

7Επιλέξτε το στοιχείο AnchorPane στην ενότητα Ιεραρχία.

Ένας δείκτης εμφανίζεται στη μέση του πλαισίου περιεχομένου του Builder του Scene.

8Γυρίξτε το δείκτη στον πίνακα περιεχομένου για να μεγεθύνετε το AnchorPane.

Το AnchorPane θα μεγεθυνθεί.

9Βρείτε την καταχώρηση TextField στην ενότητα Controls του πίνακα Library

Στη συνέχεια, σύρετε ένα στοιχείο TextField στο AnchorPage στο πλαίσιο Content.

10Βρείτε την καταχώρηση Κουμπιού στην ενότητα "Έλεγχοι" του πίνακα "Βιβλιοθήκη".

Σύρετε ένα κουμπί Κουμπιού στο AnchorPage στον πίνακα περιεχομένου.

11Στο κύριο μενού, επιλέξτε Αρχείο → Αποθήκευση.

Με αυτόν τον τρόπο αποθηκεύεται το νέο σας αρχείο FXML.

12Κλείστε την εφαρμογή δημιουργίας σκηνών.

Όταν επιστρέφετε στον πίνακα εργασίας Eclipse, μπορείτε να δείτε τον νέο κώδικα στην ρίζα σας. fxml αρχείο.

Κάντε διπλό κλικ στο στοιχείο Root. fxml στον κατάλογο Explorer Explorer για να δείτε τον κώδικα του αρχείου. Εάν δεν βλέπετε τις λέξεις TextField και Button στον κώδικα, κάντε κλικ στο ποντίκι σας μέσα στο παράθυρο του προγράμματος επεξεργασίας. (Εάν κάνετε κλικ στο ποντίκι σας ενημερώνεται ο συντάκτης για να αντικατοπτρίζει τις αλλαγές που έγιναν από το εργαλείο δημιουργίας σκηνών.) Εάν ο κώδικας στον επεξεργαστή δεν φαίνεται να είναι σωστά οριζόντια, κάντε κλικ στο ποντίκι σας σε μια κενή περιοχή του επεξεργαστή και πατήστε Ctrl-Shift-F.

Οποτεδήποτε θέλετε να μορφοποιήσετε τον κώδικα στον επεξεργαστή του Eclipse (καθιστώντας τον κώδικα πιο εύκολο να το διαβάσετε και πιο κατανοητός) πατήστε Ctrl-Shift-F.

13Επεξεργαστείτε την κύρια σελίδα του έργου. java αρχείο.

Σχολιάστε την εντολή ρίζας BorderPane και προσθέστε μια γενική εντολή ρίζας, όπως φαίνεται με τον έντονο γραφή στη λίστα 20-3.

Οι επεξεργασίες στη λίστα 20-3 συνδέουν την εφαρμογή με τη νέα σχεδίασή σας. fxml διάταξη.

14 Εκτελέστε το έργο.

Όταν το κάνετε, βλέπετε μια εκτέλεση του έργου σας χρησιμοποιώντας το Root. fxml αρχείο.