listview javafx中的多个标签和图像

Question

我想创建具有多个标签和图像的listView项。我创建了一个cell类：

public class Cell extends ListCell<String> {
private HBox hBox;
private Label description;
private Pane pane;
private ImageView imageView;
private Image deleteImage;
private JFXButton delete;

public Cell() {
    super();
    this.hBox = new HBox();
    this.description = new Label();
    this.pane = new Pane();
    this.delete = new JFXButton("delete");

    this.hBox.getChildren().addAll(description, pane, delete);
    HBox.setHgrow(pane, Priority.ALWAYS);
    delete.setOnAction(event -> getListView().getItems().remove(getItem()));
}

@Override
protected void updateItem(String item, boolean empty) {
    super.updateItem(item, empty);
    setText(null);
    setGraphic(null);

    if (item != null && !empty) {
        description.setText(item);
        setGraphic(hBox);
    }
}

这是我的控制器代码的一部分：

 void addToShopCart(ActionEvent event) {
    Image partImage = selectedPart.getPicture();
    shopListView.getItems().addAll(selectedPart.getDescription());
    shopListView.setCellFactory(param -> new Cell(partImage));
}

selectedpart具有映像的自定义类。但是现在我完全不知道如何向这些标签发送文本，因为updateItem（）方法只获得一个字符串。关于图像，我想对每一个项目分别设置不同的图像。我尝试发送到构造函数，但然后所有的图像都是一样的。我使用的是MVC，我也可以使用代码。

Answer 1

听起来你的列表项不仅仅是字符串，所以你的模型应该是一个更专业的类。根据它的复杂程度，您甚至可能希望使用TableView，但现在假设您只有一个名称和一个图像，并希望使用ListView。

首先，您需要一个类来描述列表中的项目--假设它们是“产品”（因为它是一个购物清单），并且有一个描述和一个图像：

class Product {
    final StringProperty description = new SimpleStringProperty(this, "description"); 
    final StringProperty image = new SimpleStringProperty(this, "image"); 

    // add getters, property-getters and setters...
}

接下来，将cell类定义为扩展ListCell -这将意味着item属性的类型将为product，也应该是updateItem方法的item参数的类型。
现在，无论何时更新/更改项，您都可以更改描述和图像：

@Override
protected void updateItem(Product item, boolean empty) {
    super.updateItem(item, empty);
    setText(null);
    setGraphic(null);

    if (item != null && !empty) {
        description.setText(item.getDescription());
        imageView.setImage(...);
        setGraphic(hBox);
    }
}

添加项时，使用适当的说明和图像创建一个新的product实例，并将其添加到列表中。注意，不需要每次添加项时都调用setCellFactory--应该在初始化期间调用一次（假设在设置单元工厂之后可能有理由更改它，但这不是一种常见的做法，在您的情况下也不需要）。

注意：加载图像可能会很慢（取决于图像大小），因此您可能希望缓存或预加载实际的image对象。您还可以在多个ImageView实例中使用相同的image对象，因此如果多个产品使用相同的图像，这也是有益的。