Question

我来自Swing背景并试图选择JavaFx。

此ObservableList正在填充字符串，并添加到ListView。

当我将一个项目添加到同一个线程中的observable列表时，一切正常。

但是，当我尝试从不同的线程将项目添加到可观察列表时，项目将被添加两次。对于我的生活，我无法弄清楚为什么。 Debug语句显示Thread实际上只执行一次。

这是一个完整的例子：

import javafx.application.Application;
import javafx.application.Platform;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.ListCell;
import javafx.scene.control.ListView;
import javafx.scene.paint.Color;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import javafx.util.Callback;

public class FeedPanelViewer extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    String greeting = "<html><body><p><strong>hi ya'll</strong></p></body></html>";

    @Override
    public void start(Stage stage) {

        ObservableList<String> names = FXCollections.observableArrayList("Matthew", "Hannah", "Stephan", "Denise");

        ListView<String> listView = new ListView<String>(names);
        stage.setScene(new Scene(listView));
        stage.show();

        listView.setCellFactory(new Callback<ListView<String>, ListCell<String>>() {
            @Override
            public ListCell<String> call(ListView<String> list) {
                return new HtmlFormatCell();
            }
        });

        // This thread is definitely only adding items once
        new Thread(() -> {
            try {
                Thread.sleep(1000);
            } catch (InterruptedException e) {
                throw new RuntimeException(e);
            }
            Platform.runLater(() -> {
                System.out.println("Got here");
                names.add(greeting);
                names.add("andrew");
            });
        }).start();
    }

    public class HtmlFormatCell extends ListCell<String> {

        public HtmlFormatCell() {
        }

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

            if (item != null) {
                if (item.contains("<p>")) {
                    Platform.runLater(() -> {
                        WebView web = new WebView();
                        WebEngine engine = web.getEngine();
                        engine.loadContent(item);
                        web.setPrefHeight(50);
                        web.setPrefWidth(300);
                        web.autosize();
                        setText("");
                        setGraphic(web);
                    });
                } else {
                    setText(item == null ? "" : "-" + item);
                    setTextFill(Color.BLUE);
                    if (isSelected()) {
                        setTextFill(Color.GREEN);
                    }
                }

            }
        }
    }
}

如果我注释掉new Thread(() -> {和}).start();两行，这就是我看到的：

desired screen shot

并且Thread包含了两个列表元素的添加，我看到了这个，即使线程只执行一次，它会将单元格渲染两次：

undesired screen shot

任何人都可以帮忙指出发生了什么吗？

非常感谢。

Answer 1

在updateItem中，当项目为空时（即else时，或者更好，当item == null为真时），您应该有一个empty分支清除单元格，即setText(null); setGraphic(null);。

您的updateItem方法应该是这样的

if(!empty) {
    // populate the cell with graphic and/or text
} else {
    setText(null);
    setGraphic(null);
}

在您的示例中，最后两个单元格可能为空，但尚未清除。

注1： ListView分配和填充单元格的方式（看似）是不可预测的，它可以执行大量冗余项目更新。

注2：这本身并不能解释您在两个版本中获得的行为差异。我的猜测是，如果没有Thread包装器，调用将在ListView的第一个布局传递之前执行，而使用Thread包装器时，它会布局初始项目，然后更新添加项目的布局。这与前面的说明一起，可以解释结果的差异。

注3：在updateItem中，您不必将调用包装在Platform.runLater中，因为updateItem已在JavaFX应用程序线程上执行

如何将两个项目添加到此可观察列表中？

1 个答案: