使用 FileFilter 的 JavaFX 过滤器 ListView 文件元素

Question

我有一个 JavaFX 应用程序，它显示特定目录的所有文件夹并监视新的/已删除的文件夹并更新 ListView。

现在我尝试让用户使用 TextField 过滤/搜索文件夹。
我之前已经这样做过，所以这是相关代码:

@Override
public void initialize(URL location, ResourceBundle resources) {
    // configure other stuff
    configureListView();
}

private void configureListView() {
    searchField.textProperty().addListener((observable, oldVal, newVal) -> {
        handleSearchOnType(observable, oldVal, newVal);
    });
    // more stuff here
}

private void handleSearchOnType(ObservableValue observable, String oldVal, String newVal) {
    File folderToSearch = new File(config.getDlRootPath());
    ObservableList<File> filteredList = FXCollections.observableArrayList(folderToSearch.listFiles(
            pathname -> pathname.isDirectory() && pathname.getName().contains(newVal))); // something seems wrong here?!
    if (!searchField.getText().isEmpty()) {
        listView.setItems(filteredList);
    } else {
        // nothing to filter
        listView.setItems(FXCollections.observableArrayList(
            folderToSearch.listFiles(pathname -> pathname.isDirectory())));
        }
    }

这给了我奇怪的结果，例如:

我在这里缺少什么？

提前谢谢您!

编辑:

我的定制细胞工厂

listView.setCellFactory(new Callback<ListView<File>, ListCell<File>>() {
            @Override
            public ListCell<File> call(ListView<File> list) {
                return new ListCell<File>() {
                    @Override
                    protected void updateItem(File t, boolean bln) {
                        super.updateItem(t, bln);
                        if (t != null) {
                            setGraphic(new ImageView(new Image("img/folder.png")));
                            setText(t.getName());
                        }
                    }

                };
            }
        });

Answer 1

不确定这是否是唯一的错误，但您的自定义单元工厂需要处理单元为空的情况:

final Image image = new Image("img/folder.png");

listView.setCellFactory(new Callback<ListView<File>, ListCell<File>>() {
    @Override
    public ListCell<File> call(ListView<File> list) {
        return new ListCell<File>() {
            private final ImageView imageView = new ImageView(image);
            @Override
            protected void updateItem(File t, boolean bln) {
                super.updateItem(t, bln);
                if (t == null) {
                    setGraphic(null);
                    setText(null);
                } else {
                    setGraphic(imageView);
                    setText(t.getName());
                }
            }

        };
    }
});

这里的要点是，当您开始过滤时，一些以前不为空的单元格将变为空。 updateItem(null, true) 将在这些单元格上调用，然后需要清除其所有内容(否则它们只保留之前的内容)。

(作为奖励，我还稍微进行了重构，这样每次用户滚动 ListView 时，您就不必继续从每个单元格中的图像文件加载图像。)