JavaFX自定义列表单元格，updateItem被大量调用

Question

我正在 JavaFX 应用程序中使用列表视图。列表中的项需要的不仅仅是一个字符串来显示它们，因此我自定义了 ListCell 的实现

我需要有一个自定义< code>ListCell的< code>ListView，当单元格被重用时，我希望接收一个回调，传递要作为参数呈现的新项。然后，我想使用该项作为模型来构建一个视图-控制器对，我获取该视图并将其用作单元格的< code>graphic。该视图中的按钮和其他控件应该可以工作。这在JavaFX中可能吗？

链接问题：

• ListView-JavaFX中奇怪的单元格循环
• javafx listview在每个单元格中都有按钮（顺便说一句，我已经完成了这个操作，按钮回调也可以工作，但是updateItem仍然有太多的回调）

Answer 1

我刚刚开始使用JavaFX，我无法解释它为什么工作的所有小细节（它在新的和现有的项目上调用方法），但我解决问题的方法是简单地调用myContainer.getChildren（）. removeAll（…）

在我的列表单元公共类MyCell扩展列表单元的实现中

@Override
    public void updateItem(MyContent item, boolean empty) {

        super.updateItem(item, empty);

        if (item == null || empty == true) {
            setGraphic(null);
            setText(null);
        } else {    

            // here I user the "item" to decide how to create 
            // objects a, b, c ... which are Rectangle, Label and Label
            // I also update myMainContainer, which is a Pane

            myMainContainer.getChildren().removeAll(a, b, c);
            myMainContainer.getChildren().addAll(a, b, c);
            setGraphic(myMainContainer);
        }
    }

Answer 2

基本思想是很少构造单元格，但可能会频繁调用updateItem（…）方法。无法实际保证在调用updateItem（…）之间该项确实发生了更改。updateItem（…）的默认实现负责处理选择、焦点等，因此，如果这些属性中的任何一个发生更改（即使项没有更改），可能需要调用此方法。

因此，您应该努力减少updateItem（…）方法的开销。目前还不清楚多次频繁的调用是否会阻止您执行您想要的操作（例如，当您将新项目作为参数传递给模型时，请在进行任何更新之前检查它是否与您已经拥有的项目确实不同）。

我认为< code>updateItem(...)确实有点名不副实:它不仅在更新< code>item时被调用，而且实际上在任何需要更新单元格的时候都会被调用。已经有了一种仅在< code>item发生变化时才执行代码的机制:只需用单元格的< code>itemProperty()注册一个侦听器。您可以使用这种技术(我通常更喜欢)来创建不同风格的< code>ListCell:

ListView<...> listView = ... ;
listView.setCellFactory(lv -> {
    BorderPane cellRoot = new BorderPane();
    // create nodes, register listeners on them, populate cellRoot, etc...
    ListCell<...> cell = new ListCell<>();
    cell.itemProperty().addListener((obs, oldItem, newItem) -> {
        if (newItem != null) {
            // update cellRoot (or its child nodes' properties) accordingly
        }
    });
    cell.emptyProperty().addListener((obs, wasEmpty, isEmpty) -> {
        if (isEmpty) {
            cell.setGraphic(null);
        } else {
            cell.setGraphic(cellRoot);
        }
    });
    cell.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
    return cell ;
});

此方法在你的方案中可能效果更好。