Comment afficher des objets personnalisés dans un ListView JavaFX ?

Remplir un ListView avec des objets personnalisés dans JavaFX

Lorsque vous travaillez avec JavaFX, remplir un ListView avec des objets personnalisés nécessite une approche légèrement différente par rapport à l'utilisation de chaînes. Cet article fournira une solution détaillée à ce problème.

Énoncé du problème

Lors de l'utilisation d'une ObservableArrayList d'objets personnalisés dans JavaFX, ListView affiche les objets eux-mêmes sous forme de chaînes, plutôt que d'extraire et d'afficher le propriété souhaitée (par exemple, un mot d'un objet Word).

Solution

La solution consiste à utiliser une Cell Factory dans ListView. Une Cell Factory vous permet de personnaliser la présentation de chaque cellule dans ListView.

Étape 1 : Créer une Cell Factory

Créez une nouvelle classe qui étend ListCell. Dans cet exemple, nous l'appellerons WordCell.

public class WordCell extends ListCell<Word> {

    @Override
    protected void updateItem(Word item, boolean empty) {
        super.updateItem(item, empty);

        if (empty || item == null || item.getWord() == null) {
            setText(null);
        } else {
            setText(item.getWord());
        }
    }
}

Étape 2 : définissez la fabrique de cellules dans ListView

Attribuez la classe WordCell comme fabrique de cellules pour le ListView.

ListView<Word> listViewOfWords = new ListView<>(wordsList);
listViewOfWords.setCellFactory(listViewOfWords.new WordCell());

Exemple d'application

Voici un exemple d'application qui démontre l'approche décrite :

import javafx.application.Application;
import javafx.collections.*;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.stage.Stage;

public class ListViewCustomObject extends Application {

    @Override
    public void start(Stage stage) {
        ObservableList<Word> wordsList = FXCollections.observableArrayList();
        wordsList.add(new Word("First Word", "Definition of First Word"));
        wordsList.add(new Word("Second Word", "Definition of Second Word"));
        wordsList.add(new Word("Third Word", "Definition of Third Word"));

        ListView<Word> listViewOfWords = new ListView<>(wordsList);
        listViewOfWords.setCellFactory(listViewOfWords.new WordCell());

        stage.setScene(new Scene(listViewOfWords));
        stage.show();
    }

    public static class Word {
        private final String word;
        private final String definition;

        public Word(String word, String definition) {
            this.word = word;
            this.definition = definition;
        }

        public String getWord() {
            return word;
        }

        public String getDefinition() {
            return definition;
        }
    }

    public static void main(String[] args) {
        launch(args);
    }
}

En suivant ces étapes, vous pouvez remplir votre ListView. avec des objets personnalisés et affichez les propriétés souhaitées dans chaque cellule.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!