带有自定义对象的JavaFX自定义单元格工厂

Question

我正在尝试使用基于自定义对象列表的自定义单元格创建一个自定义ListView。

自定义对象是名为message的类名，其中包含一些用于消息内容、收件人、时间戳和状态（读取、发送等）的字段。

在看了这个问题：用FXML在JavaFX中定制ListView之后，我成功地做到了：

null

final ObservableList observableList = FXCollections.observableArrayList();
observableList.setAll(myMessages); //assume myMessage is a ArrayList<Message>
conversation.setItems(observableList); //the listview
conversation.setCellFactory(new Callback<ListView<Message>, ListCell<Message>>() {
    @Override
    public ConversationCell<Message> call(ListView<Message> listView) {
        return new ConversationCell();
    }
});

现在，ConversationCell类：

public final class ConversationCell<Message> extends ListCell<Message> { 

    @Override
    protected void updateItem(Message item, boolean empty) {
        super.updateItem(item, empty);
        ConversationCellController ccc = new ConversationCellController(null);
        setGraphic(ccc.getView());
    }
}

我不能显示ConversationCellController，但我所能说的是，这是我（在其构造函数中）加载设计单元格的FXML文件的地方，然后我可以用给定的消息项填充值。

getview()方法返回包含现在填充和设计的单元格的根窗格。

Answer 1

重写updateItem(...)的所有自定义单元格实现都需要处理该方法中单元格为空的情况。所以你可以用

public final class ConversationCell<Message> extends ListCell<Message> { 

    @Override
    protected void updateItem(Message item, boolean empty) {
        super.updateItem(item, empty);
        if (empty) {
            setGraphic(null);
        } else {
            // did you mean to pass null here, or item??
            ConversationCellController ccc = new ConversationCellController(null);
            setGraphic(ccc.getView());
        }
    }
}

然而，从性能的角度来看，这并不是一个好的解决方案。每次使用非空单元格调用updateItem（...）时，都要加载FXML，这是一个相当昂贵的操作（可能涉及文件I/O、从jar文件解压缩FXML文件、解析文件、大量反射、创建新的UI元素等）。您不希望每次用户将列表视图滚动几个像素时，都要求FX应用程序线程完成所有这些工作。相反，您的单元格应该缓存节点，并在updateItem方法中更新它：

public final class ConversationCell<Message> extends ListCell<Message> { 

    private final ConversationCellController ccc = new ConversationCellController(null);
    private final Node view = ccc.getView();

    @Override
    protected void updateItem(Message item, boolean empty) {
        super.updateItem(item, empty);
        if (empty) {
            setGraphic(null);
        } else {
            ccc.setItem(item);
            setGraphic(view);
        }
    }
}

您应该在ConversationCellController中定义一个SetItem(...)方法，该方法相应地更新视图（在标签上设置文本等）。