如何在 JavaFX ListView 中显示自定义对象属性？

如何使用自定义对象在 JavaFX 中填充 ListView

挑战在于使用自定义对象而不是字符串填充 ListView。使用 Word 对象的 observableArrayList，其中每个 Word 都有一个 wordString 和定义，我们希望 ListView 显示 wordString 而不是整个 Word 对象。

自定义解决方案

一种方法涉及使用单元工厂从每个单元的 Word 对象中检索 wordString。以下是更新后的代码片段：

<code class="java">listViewOfWords.setCellFactory(param -> new ListCell<word>() {
    @Override
    protected void updateItem(Word item, boolean empty) {
        super.updateItem(item, empty);

        if (empty || item == null || item.getWord() == null) {
            setText(null);
        } else {
            setText(item.getWord());
        }
    }
});</word></code>

优化实现

1.避免重写 toString 进行 UI 表示

与其重写 toString 进行 UI 表示，不如考虑使用单元工厂来提取适当的数据以进行 UI 表示。这使 UI 表示逻辑与对象的文本表示分离。

2.使用图形节点自定义单元

单元工厂允许更灵活的自定义，包括向单元添加图形节点。这是一个示例：

<code class="java">public static class WordListCell extends ListCell<word> {
    private final Label title = new Label();
    private final Label detail = new Label();
    private final VBox layout = new VBox(title, detail);

    public WordListCell() {
        super();
        title.setStyle("-fx-font-size: 20px;");
    }

    @Override
    protected void updateItem(Word item, boolean empty) {
        super.updateItem(item, empty);

        setText(null);

        if (empty || item == null || item.getWord() == null) {
            title.setText(null);
            detail.setText(null);
            setGraphic(null);
        } else {
            title.setText(item.getWord());
            detail.setText(
                    item.getDefinition() != null
                            ? item.getDefinition()
                            : "Undefined"
            );
            setGraphic(layout);
        }
    }
}</word></code>

3.不可变对象和可观察属性

为了防止意外的对象修改，建议使用不可变Word对象或具有可观察属性的对象进行字段更新。这允许 UI 响应属性更改。

4.动态更新

对底层可观察列表项的更改（例如添加、删除）将自动触发视图中的更新。要响应对象内的属性更改，您需要在单元工厂中实现侦听器逻辑或使用提取器。提取器有助于通知可观察属性的更改。

提取器示例

<code class="java">ObservableList<word> wordsList = FXCollections.observableArrayList(word ->
        new Observable[] {
                word.wordProperty(),
                word.definitionProperty()
        }
);</word></code>

以上是如何在 JavaFX ListView 中显示自定义对象属性？的详细内容。更多信息请关注PHP中文网其他相关文章！