Personnaliser ListView dans JavaFX avec FXML

je comprends votre question. Il y a principalement deux façons de définir des éléments dans un Listview:

1. Créer ObservableList et régler les éléments de l' ListViewObservableList (listView.setItems(observableList)).

2.setCellFactory() méthode de l' ListView classe.

Vous préférez utiliser le setCellFactory() la méthode, parce que cette approche simplifie le processus ainsi que cela aide à séparer la logique d'affaires et L'UI (FXML).

Voici une explication plus détaillée:

1. créer un nouveau fichier FXML avec le nom listview.fxml contenir le ListView, et réglez l'option ListViewController classe de contrôleur:

Fichier: listview.fxml:

<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.control.ListView?>
<?import demo.ListViewController?>

<GridPane xmlns:fx="http://javafx.com/fxml" alignment="CENTER">
     <ListView fx:id="listView"/>
</GridPane>

2. Créer le contrôleur et le nom ListViewController.

Le contrôleur peut charger listview.fxml classez et accédez au listview.

Fichier: ListViewController.java:

package demo;

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.util.Callback;
import java.io.IOException;
import java.util.Set;

public class ListViewController
{
    @FXML
    private ListView listView;
    private Set<String> stringSet;
    ObservableList observableList = FXCollections.observableArrayList();

    public ListViewController()
    {
        FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("/fxml/listview.fxml"));
        fxmlLoader.setController(this);
        try
        {
            Parent parent = (Parent)fxmlLoader.load();
            Scene scene = new Scene(parent, 400.0 ,500.0);
        }
        catch (IOException e)
        {
            throw new RuntimeException(e);
        }
    }

    public void setListView()
    {
        stringSet.add("String 1");
        stringSet.add("String 2");
        stringSet.add("String 3");
        stringSet.add("String 4");
        observableList.setAll(stringSet);
        listView.setItems(observableList);
        listView.setCellFactory(new Callback<ListView<String>, javafx.scene.control.ListCell<String>>()
        {
            @Override
            public ListCell<String> call(ListView<String> listView)
            {
                return new ListViewCell();
            }
        });
    }
}

3. vous devez d'Abord définir la valeur de l' ObservableList. C'est très important.

Ensuite, définissez les éléments de la liste en utilisant le ObservableList et l'appel de l' setCellFactory() méthode ListView. Dans l'exemple donné, je prends juste le String valeurs les ajouter à l' String set (le Set<String> stringSet).

4. quand le setCellFactory() la méthode est appelée sur le ListView, il sera de retour l' ListCell. Donc, par souci de simplicité, j'ai ajouté une classe qui étend le ListCell et setGraphic() la méthode est présente pour le ListCell() et régler les éléments de l' ListCell.

Fichier: ListViewCell.java:

package demo;

import javafx.scene.control.ListCell;

public class ListViewCell extends ListCell<String>
{
    @Override
    public void updateItem(String string, boolean empty)
    {
        super.updateItem(string,empty);
        if(string != null)
        {
            Data data = new Data();
            data.setInfo(string);
            setGraphic(data.getBox());
        }
    }
}

5. je viens d'ajouter une classe qui va charger le listCellItem.fxml et retour le HBox qui contiendra les autres composants, comme les enfants.

HBox est défini à ListCell.

Fichier: listCellItem.fxml:

 <?import demo.Data?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.control.Label?>

<HBox xmlns:fx="http://javafx.com/fxml" fx:id="hBox">
<children>
    <Label  fx:id="label1"/>
    <Label  fx:id="label2"/>
</children>
</HBox>

Fichier: Données.java:

package demo;

import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.control.Label;
import javafx.scene.layout.HBox;
import java.io.IOException;

public class Data
{
    @FXML
    private HBox hBox;
    @FXML
    private Label label1;
    @FXML
    private Label label2;

    public Data()
    {
        FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("/fxml/listCellItem.fxml"));
        fxmlLoader.setController(this);
        try
        {
            fxmlLoader.load();
        }
        catch (IOException e)
        {
            throw new RuntimeException(e);
        }
    }

    public void setInfo(String string)
    {
        label1.setText(string);
        label2.setText(string);
    }

    public HBox getBox()
    {
        return hBox;
    }
}

vous pouvez utiliser setCellFactory() méthode pour séparer les choses qui sont logiques d'affaires et FXML.

J'espère que c'est utile.