JavaFX：在ListView中显示图像而不破坏选择模型

Question

我想显示一个包含文本和图像的列表。我能够做到这一点，但选择模型很时髦。当我用鼠标选择列表中的项目时，似乎选择了整个列表视图元素。当我使用箭头键时，选择模型工作正常。

在我的控制器中，我有可观察列表

public class Game {
    private String name;
    private Image image;
}

在搜索如何显示图像和名称的解决方案时，我发现了许多使用setCellFactory方法的堆栈溢出解决方案，如下面的代码片段所示：

listView.setCellFactory(param -> new ListCell<>() {
            private final ImageView imageView = new ImageView();
            @Override
            public void updateItem(String item, boolean empty) {
                if (empty) {
                    setText(null);
                    setGraphic(null);
                } else {
                    imageView.setImage(/*Some image*/);
                    setText(game.getName());
                    setGraphic(imageView);
                }
            }
        });

然而，我想显示的图像存储在我的ObservableList中的Game对象中。根据我的理解，上面的String项参数是Game objectstoString方法，但我想在制作自定义ListCell时访问整个Game对象。我试图改变该解决方案，以访问整个Game对象。这就是我的代码当前的样子：

public class MyController implements Initializable {
    @FXML
    public ListView<Game> listView;

    public ObservableList<Game> gameList;

    @Override
    public void initialize(URL url, ResourceBundle resourceBundle) {
        gameList = FXCollections.observableList(/*List of games*/);
        listView.setItems(gameList);
        listView.setCellFactory(param -> new ListCell<>() {
            private final ImageView imageView = new ImageView();
            @Override
            public void updateItem(Game game, boolean empty) {
                if (empty) {
                    setText(null);
                    setGraphic(null);
                } else {
                    imageView.setImage(game.getImage());
                    setText(game.getName());
                    setGraphic(imageView);
                }
            }
        });
    }
}

但是，我可以使用箭头键来选择列表中我想要的任何项目。当我这样做时，从我的观察列表中选择的游戏被返回。

有人知道我该如何解决这个问题吗？




Answer 1

默认的ListCell.updateItem（…）方法处理选择等。所以你一定要打电话给它。

从留档：

Cell的子类正确覆盖updateItem方法非常重要...请注意该代码示例中的两个要点:

1. 我们称之为super.updateItem（T，布尔）方法。如果不这样做，则无法正确设置项和空属性，并且您最终可能会遇到图形问题。
2. 。

所以你需要：

listView.setCellFactory(param -> new ListCell<>() {
    private final ImageView imageView = new ImageView();
    @Override
    public void updateItem(Game game, boolean empty) {

       // call default implementation:
       super.updateItem(item, empty);

       if (empty) {
            setText(null);
            setGraphic(null);
        } else {
            imageView.setImage(game.getImage());
            setText(game.getName());
            setGraphic(imageView);
        }
    }
});