从 JavaFX 中的不同线程更新 UI

我正在开发一个应用程序,其中包含多个对象,这些对象需要更新以反映关联的后端属性中的更改。s 不可编辑,只有后端可以更改其内容。TextFieldTextField

据我所知,正确的方法是在单独的线程上运行繁重的计算,以免阻塞UI。我使用 将单个值传递回 JavaFX 线程,效果很好。但是,我需要更新多个值,因为后端会进行处理。javafx.concurrent.TaskupdateMessage()

由于后端值存储为 JavaFX 属性,因此我尝试简单地将它们绑定到每个 GUI 元素的 ,并让绑定完成工作。但是,这不起作用。运行片刻后,即使后端任务仍在运行,s 也会停止更新。不会引发任何异常。textPropertyTextField

我还尝试使用主动更新s而不是绑定。这里的问题是,任务的调度速度比平台运行它们的速度要快,因此GUI变得迟钝,即使在后端任务完成后也需要时间来“赶上”。Platform.runLater()TextFieldrunLater()

我在这里发现了几个问题:

转换为 UI 的记录器条目将停止随时间更新

JavaFX 中的多线程会挂起 UI

但我的问题仍然存在。

总而言之:我有一个后端对属性进行更改,我希望这些更改显示在GUI上。后端是一种遗传算法,因此其操作被分解为离散的几代。我希望s在几代人之间至少刷新一次,即使这会延迟下一代。GUI 响应良好比 GA 运行速度更快更重要。TextField

如果我没有明确说明问题,我可以发布一些代码示例。

更新

我设法按照James_D的建议做到了。为了解决后端必须等待控制台打印的问题,我实现了各种缓冲控制台。它将要打印的字符串存储在 中,并实际将它们追加到调用方法时。我使用原子布尔值来防止下一代发生,直到刷新完成,因为它是由可运行的。另请注意,此解决方案非常慢。StringBufferTextAreaflush()Platform.runLater()


答案 1

不确定我是否完全理解,但我认为这可能会有所帮助。

为此,使用是一种适当的方法。Platform.runLater(...)

避免淹没 FX 应用程序线程的诀窍是使用 Atomic 变量来存储您感兴趣的值。在该方法中,检索它并将其设置为 sentinel 值。从后台线程中,更新 Atomic 变量,但只有在将其设置回其 sentinel 值时才发出新的变量。Platform.runLaterPlatform.runLater

我通过查看 Task 的源代码解决了这个问题。看看该方法(撰写本文时的第 1131 行)是如何实现的。updateMessage

下面是一个使用相同技术的示例。这只有一个(繁忙的)后台线程,它尽可能快地计数,更新一个.观察者监视该属性并使用新值更新 。如果 的当前值为 -1,则调度一个 .IntegerPropertyAtomicIntegerAtomicIntegerPlatform.runLater

在 中,我检索 的值并使用它来更新 ,在此过程中将值设置回 -1。这表示我已准备好进行另一次 UI 更新。Platform.runLaterAtomicIntegerLabel

import java.text.NumberFormat;
import java.util.concurrent.atomic.AtomicInteger;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Stage;

public class ConcurrentModel extends Application {

  @Override
  public void start(Stage primaryStage) {
    
    final AtomicInteger count = new AtomicInteger(-1);
    
    final AnchorPane root = new AnchorPane();
    final Label label = new Label();
    final Model model = new Model();
    final NumberFormat formatter = NumberFormat.getIntegerInstance();
    formatter.setGroupingUsed(true);
    model.intProperty().addListener(new ChangeListener<Number>() {
      @Override
      public void changed(final ObservableValue<? extends Number> observable,
          final Number oldValue, final Number newValue) {
        if (count.getAndSet(newValue.intValue()) == -1) {
          Platform.runLater(new Runnable() {
            @Override
            public void run() {
              long value = count.getAndSet(-1);
              label.setText(formatter.format(value));
            }
          });          
        }

      }
    });
    final Button startButton = new Button("Start");
    startButton.setOnAction(new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        model.start();
      }
    });

    AnchorPane.setTopAnchor(label, 10.0);
    AnchorPane.setLeftAnchor(label, 10.0);
    AnchorPane.setBottomAnchor(startButton, 10.0);
    AnchorPane.setLeftAnchor(startButton, 10.0);
    root.getChildren().addAll(label, startButton);

    Scene scene = new Scene(root, 100, 100);
    primaryStage.setScene(scene);
    primaryStage.show();
  }

  public static void main(String[] args) {
    launch(args);
  }

  public class Model extends Thread {
    private IntegerProperty intProperty;

    public Model() {
      intProperty = new SimpleIntegerProperty(this, "int", 0);
      setDaemon(true);
    }

    public int getInt() {
      return intProperty.get();
    }

    public IntegerProperty intProperty() {
      return intProperty;
    }

    @Override
    public void run() {
      while (true) {
        intProperty.set(intProperty.get() + 1);
      }
    }
  }
}

如果您真的想从UI“驱动”后端:即限制后端实现的速度,以便您看到所有更新,请考虑使用.An 具有 一个,每帧渲染调用一次。因此,您可以阻止后端实现(例如,通过使用阻塞队列),并在每次调用 handle 方法时释放一次。该方法在 FX 应用程序线程上调用。AnimationTimerAnimationTimerhandle(...)handle(...)

该方法采用一个时间戳(以纳秒为单位)的参数,因此,如果每帧一次太快,您可以使用该参数进一步减慢更新速度。handle(...)

例如:

import java.util.concurrent.ArrayBlockingQueue;
import java.util.concurrent.BlockingQueue;

import javafx.animation.AnimationTimer;
import javafx.application.Application;
import javafx.beans.property.LongProperty;
import javafx.beans.property.SimpleLongProperty;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextArea;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;


public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        
        final BlockingQueue<String> messageQueue = new ArrayBlockingQueue<>(1);
        
        TextArea console = new TextArea();
        
        Button startButton = new Button("Start");
        startButton.setOnAction(event -> {
            MessageProducer producer = new MessageProducer(messageQueue);
            Thread t = new Thread(producer);
            t.setDaemon(true);
            t.start();
        });
        
        final LongProperty lastUpdate = new SimpleLongProperty();
        
        final long minUpdateInterval = 0 ; // nanoseconds. Set to higher number to slow output.
        
        AnimationTimer timer = new AnimationTimer() {

            @Override
            public void handle(long now) {
                if (now - lastUpdate.get() > minUpdateInterval) {
                    final String message = messageQueue.poll();
                    if (message != null) {
                        console.appendText("\n" + message);
                    }
                    lastUpdate.set(now);
                }
            }
            
        };
        
        timer.start();
        
        HBox controls = new HBox(5, startButton);
        controls.setPadding(new Insets(10));
        controls.setAlignment(Pos.CENTER);
        
        BorderPane root = new BorderPane(console, null, null, controls, null);
        Scene scene = new Scene(root,600,400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    
    private static class MessageProducer implements Runnable {
        private final BlockingQueue<String> messageQueue ;
        
        public MessageProducer(BlockingQueue<String> messageQueue) {
            this.messageQueue = messageQueue ;
        }
        
        @Override
        public void run() {
            long messageCount = 0 ;
            try {
                while (true) {
                    final String message = "Message " + (++messageCount);
                    messageQueue.put(message);
                }
            } catch (InterruptedException exc) {
                System.out.println("Message producer interrupted: exiting.");
            }
        }
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

答案 2

执行此操作的最佳方法是在 JavaFx 中使用 。这是迄今为止我在JavaFx中更新UI控件的最佳技术。Task

Task task = new Task<Void>() {
    @Override public Void run() {
        static final int max = 1000000;
        for (int i=1; i<=max; i++) {
            updateProgress(i, max);
        }
        return null;
    }
};
ProgressBar bar = new ProgressBar();
bar.progressProperty().bind(task.progressProperty());
new Thread(task).start();

推荐