Δημιουργήστε μια JavaFX ListView για διαδραστικές GUI

Ψάχνετε για μια μέθοδο για να εμφανίσετε μια λίστα σε μια JavaFX εφαρμογή; Σε αυτό το εγχειρίδιο θα μάθετε πώς να δημιουργήσετε μια απλή αλλά αποτελεσματική διεπαφή χρήστη χρησιμοποιώντας ένα ListView, που σας επιτρέπει να επιλέξετε διάφορα αντικείμενα. Θα δούμε πώς να προσθέσετε στοιχεία στη λίστα, να κάνετε μια επιλογή και να εμφανίσετε τα επιλεγμένα στοιχεία.

Κύρια διδάγματα

• Ένα ListView επιτρέπει την εμφάνιση μιας λίστας στοιχείων.
• Μπορείτε να προσθέσετε στοιχεία σε μια ObservableList για να διασφαλίσετε ότι η εμφάνιση ενημερώνεται αυτόματα.
• Η επιλογή των στοιχείων μπορεί να γίνει με διάφορους τρόπους, όπως π.χ. με πολλαπλή επιλογή.
• Οι αλλαγές στην επιλογή μπορούν να παρακολουθούνται δυναμικά μέσω Listener.

Οδηγός Βήμα προς Βήμα

Βήμα 1: Δημιουργία ListView

Ξεκινήστε δημιουργώντας ένα νέο έργο JavaFX. Στο interface σας προσθέτετε ένα ListView, το οποίο είναι σημαντικό να εισάγετε τις απαραίτητες βιβλιοθήκες. Το ListView θα σας επιτρέπει να εμφανίσετε ποικιλία συμβολοσειρών. Δημιουργείτε το ListView ως εξής:

Βήμα 2: Αρχικοποίηση ObservableList

Για να εμφανίσετε τα στοιχεία, χρειάζεστε μια ObservableList. Αυτή η λίστα θα περιέχει τις συμβολοσειρές που πρέπει να εμφανιστούν στο ListView σας. Βεβαιωθείτε ότι έχετε εισάγει και κάνετε instantiate σωστά την ObservableList. Ονομάστε αυτή τη λίστα items:

Βήμα 3: Προσθήκη στοιχείων στη λίστα

Τώρα μπορείτε να προσθέσετε τα επιμέρους στοιχεία στην ObservableList σας. Προσθέστε απλά Dummy-Strings όπως "σκύλος", "γάτα", "ποντίκι" και "Πίκατσου". Είναι σημαντικό να προσέχετε να εισάγετε σωστά τις συμβολοσειρές (προσέξτε τη σωστή ορθογραφία):

Βήμα 4: Εμφάνιση στοιχείων στο ListView

Μετά που θα γεμίσετε τη λίστα σας με στοιχεία, ήρθε η ώρα να τα εμφανίσετε στο ListView. Ρυθμίστε τώρα το ListView ώστε να χρησιμοποιεί τη λίστα items για να εμφανίσει το περιεχόμενο:

Βήμα 5: Προσθήκη ετικέτας

Προσθέστε τώρα μια ετικέτα που θα δείχνει την επιλογή του χρήστη. Το κείμενο της ετικέτας θα μπορούσε π.χ. να είναι "Παρακαλώ επιλέξτε ένα από τα αντικείμενα". Η ετικέτα θα σας βοηθήσει να δείχνετε άμεσα τις εισαγωγές του χρήστη:

Βήμα 6: Ενεργοποίηση multipy selection

Από προεπιλογή, ο χρήστης μπορεί να επιλέξει μόνο ένα στοιχείο τη φορά. Εάν θέλετε να επιτρέψετε στον χρήστη να επιλέγει πολλαπλά στοιχεία, πρέπει να προσαρμόσετε το SelectionModel του ListView σας. Ρυθμίστε την επιλογή σε multiple:

Βήμα 7: Προσθήκη listener για την επιλογή

Για να παρακολουθείτε δυναμικά τα επιλεγμένα στοιχεία, ενσωματώνετε έναν ChangeListener. Αυτός ο Listener παρακολουθεί τις αλλαγές στην επιλογή και ενημερώνει την ετικέτα με το τρέχον επιλεγμένο στοιχείο. Πρέπει να διασφαλίσετε ότι ο Listener έχει τις απαραίτητες εντολές import:

Βήμα 8: Εμφάνιση επιλογής δυναμικά

Τέλος, προσαρμόστε το κείμενο της ετικέτας ώστε να εμφανίζει το τρέχον επιλεγμένο στοιχείο. Έτσι, ο χρήστης θα γνωρίζει πάντα ποιο στοιχείο έχει επιλέξει. Με κάθε αλλαγή, το κείμενο της ετικέτας θα ενηρώνεται αναλόγως:

Βήμα 9: Δοκιμή και επαλήθευση

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

Σύνοψη – JavaFX ListView – Δημιουργήστε μια διαδραστική λίστα για τη GUI σας

Συμπερασματικά, σε αυτό το εγχειρίδιο μάθατε πώς να υλοποιήσετε και να ρυθμίσετε ένα ListView σε JavaFX. Είδατε πώς να δημιουργήσετε μια ObservableList, να προσθέσετε στοιχεία, να ενεργοποιήσετε τις πολλαπλές επιλογές και να παρακολουθείτε τις αλλαγές με έναν Listener. Τώρα είστε έτοιμοι να σχεδιάσετε τη δική σας διεπαφή χρήστη με ListViews!