如何在 Javafx 的组合框中添加图像作为选项

Question

我尝试将图像添加到组合框中以将它们显示为选项，但是一旦我选择了图像，当下拉菜单再次打开以选择它们时它们会变成白色。

ImageView img1 = new ImageView(getClass().getResource("item1.png").toExternalForm());
ImageView img2 = new ImageView(getClass().getResource("item2.jpg").toExternalForm());
ImageView img3 = new ImageView(getClass().getResource("item3.jpg").toExternalForm());
img1.setFitHeight(60);
img1.setFitWidth(60);
img1.setPreserveRatio(true);
img2.setFitHeight(60);
img2.setFitWidth(60);
img2.setPreserveRatio(true);
img3.setFitHeight(60);
img3.setFitWidth(60);
img3.setPreserveRatio(true);
combobox.getItems().addAll(img1,img2,img3);

这些选项只工作一次，当我再次尝试选择它们时它们会变成白色。

Answer 1

您没有正确设置元素。您需要使用组合框的 setCellFactory() 方法才能正确生成列表项，因为项应该是相关数据的列表，而不是节点。然后 ListCell 对象可以在 itw 上调用 setGraphic(ImageView)，并将列表中的元素更新为指定的图像。

这是我的一个旧项目的一些示例代码，它实际上是为 ListView 设计的，但与 ComboBox 的工作方式完全相同：

pieceData = FXCollections.observableArrayList("Boot", "Car", "Dog", "Hat", "Iron",
                                                  "Ship", "Thimble", "Wheelbarrow");
pieceSelection.setItems(pieceData);

pieceSelection.setCellFactory(e -> new ListCell<String>() {
    private ImageView view = new ImageView();
    @Override
    public void updateItem(String name, boolean empty) {
        super.updateItem(name, empty);
        if(empty) {
            setGraphic(null);
        }
        else {
            view.setImage(new Image("whatever the filepath to your image is"));
            // Add other set up for ImageView dimensions etc
            setGraphic(view);
        }
    }
});

请记住，这仅显示图像，因为需要调用方法 setText(String) 才能显示任何文本。

正如 kleopatra 所说，您应该阅读基本的 JavaFX 教程，因为这类东西有据可查且相对简单。