在 JavaFx 中构建多线程 ProgressBar

Question

我正在尝试构建一个进度条，当我的应用程序正在检索数据并将其填充到 GUI 时，该进度条正在更新。我认为进度条会被大量重复使用，所以我决定创建自己的类。但是，我不相信我通常理解 Worker/Task 或多线程来创建可重用的情况。创建可以侦听应用程序线程并相应更新进度条的进度条的推荐方法是什么。这是我的尝试：

// Simple Progress Bar View as Pop Up
public class ProgressIndicatorUtil{

    @FXML
    private ProgressBar progressBar;
    @FXML
    private Label statusLabel;
    @FXML
    private Button closeButton;
    @FXML
    private Label valueLabel;

    private Worker worker;
    private Stage stage;

    public void setPopUpStage(Stage stage) {
        this.stage = stage;
    }

    public void setWorker(Worker worker) {
        this.worker = worker;
    }

    public void setLinkToMainPage(Object controller) {

        ((Task<String>) worker).setOnSucceeded(event -> stage.close());

        ((Task<String>) worker).setOnCancelled(event -> {
                closeButton.setVisible(true);
                stage.requestFocus();
                statusLabel.setTextFill(Color.RED);}
        );

        valueLabel.textProperty().bind(Bindings.format("%5.1f%%", worker.progressProperty().multiply(100)));
        progressBar.progressProperty().bind(worker.progressProperty());
        statusLabel.textProperty().bind(worker.messageProperty());
    }

    @FXML
    private void handleClose(ActionEvent e){
        stage.close();
    }
}

调用视图弹出窗口并运行进度条线程的控制器。

public class MyController{

   //Controller calling the view and disabling the main GUI
   private void loadProgressBar(Worker worker){

        try{

            FXMLLoader loader = new FXMLLoader(getClass()
                    .getClassLoader().getResource("main/resources/fxml/ProgressBar.fxml"));
            AnchorPane pane = (AnchorPane)loader.load();
            Stage popUpStage = new Stage();
            popUpStage.initModality(Modality.WINDOW_MODAL);
            Scene scene = new Scene(pane);
            popUpStage.setScene(scene);

            ProgressIndicatorUtil controller = loader.getController();
            controller.setPopUpStage(popUpStage);
            controller.setWorker(worker);
            controller.setLinkToMainPage(this);
            mainPane.setDisable(true);
            popUpStage.showingProperty().addListener((obs, hidden, showing) -> {
                    if(hidden) mainPane.setDisable(false);});
            popUpStage.show();

        }catch(IOException e){
            e.printStackTrace();
        }   
    }



   private void runProgressBar(Worker worker) {
        new Thread((Runnable) worker).start();
   }


    //A user action that runs the progress bar and GUI
    @FXML
    private void aBigProcessingEvent(ActionEvent event) {

        Worker worker = new Task<String>(){

            @Override
            protected String call() throws Exception {        

                updateProgress(0, 3);
                updateMessage("Clearing Data");

                processingEvent01();

                updateProgress(1, 3);
                updateMessage("Retriving Data And Adding To List");

                processingEvent02();

                updateProgress(2, 3);
                updateMessage("Populating Data");

                processingEvent03();

                updateProgress(3, 3);
                return "Finished!";
            }
        };

        loadProgressBar(worker);
        runProgressBar(worker);
    }
}

该程序在视觉上工作正常，但它会引发这样的异常 (Not On FX Application Thread) 并在我的“处理事件”方法上运行 Platform.runLater() 将导致我的进度条立即为 100%，但它不会不再抛出异常。关于如何将应用程序修改方法和工作方法分开，同时保持进度与 processingEvent 方法连接的任何建议？非常感谢。

Answer 1

您发布的（不完整的）代码没有任何问题，因此您的代码的其他部分存在错误。由于代码不完整，我必须对正在发生的事情做出一些有根据的猜测。 （注意：如果您在发布问题时可以创建complete examples 实际上会更好，这样您就可以确保包含您所询问问题的原因。）

由于您收到IllegalStateException“不在 FX 应用程序线程上”，因此您必须从后台线程更新 UI。由于您发布的唯一在后台线程中运行的代码位于您在 aBigProcessingEvent() 中创建的 Task 中，因此 UI 更新必须在您未显示的一个或多个 processingEventXX() 方法中发生。

如果您将对processingEventXX() 的调用封装在Platform.runLater() 中，那么您将看不到进度条的任何渐进式更新。 Platform.runLater() 安排您提供的可运行对象在 FX 应用程序线程上执行并立即退出。 Task 中没有其他需要时间运行的代码，所以整个任务在很短的时间内就完成了，到 FX Application Thread 渲染下一帧的时候，任务就完成了，进度属性在1.

因此，您的 processingEventXX() 方法可能需要时间来执行，并且还会更新 UI。您必须在 Platform.runLater(...) 中的这些方法中包装更新 UI 的调用。包裹在Platform.runLater(...) 中的代码必须不包含需要很长时间才能运行的代码。 IE。他们应该看起来像

private void processingEvent01() {
    // some long-running process here...

    Platform.runLater(() -> {
        // update UI here....
    });

    // some other long-running process here (perhaps)
}