Java FX线程安全暂停/睡眠

Question

我有一个JavaFX应用程序，其中包含大约20个标签。 用户单击标签时，我需要标签闪烁红色。 为了使标签闪烁红色，我使用了实际上是为swing而开发的线程，但已转换为JavaFX。 它工作了一段时间，但是我最近将应用程序锁定跟踪到了标签的动画。 我制作动画的方法很简单：

new Thread(new AnimateLabel(tl,idx)).start();

tl指向标签的ArrayList，idx指向标签的索引。 另一个标签上附有一个on click事件，当您单击时，它会创建一个使标签动画化的线程（使其闪烁）。

由于某些原因，如果有很多标签被按下，这将导致应用程序锁定。

我很确定这是JavaFX的线程安全问题。 我还有另一个共享JavaFX应用程序线程的线程：

TimerUpdater tu = new TimerUpdater(mDS);
Timeline incHandler = new Timeline(new KeyFrame(Duration.millis(130),tu)); 
incHandler.setCycleCount(Timeline.INDEFINITE); 
incHandler.play(); 

TimerUpdater会不断更新标签上的文本，即使是闪烁的文本。

这是标签动画师：

private class AnimateLabel implements Runnable
{
    private Label lbl;
    public AnimateLabel(Label lbl, int myIndex)
    {
        // if inAnimation.get(myIndex) changes from myAnim's value, stop,
        // another animation is taking over
        this.lbl = lbl;
    }

    @Override
    public void run() {
        int r, b, g;
        r=255;
        b=0;
        g=0;

        int i = 0;
        while(b <= 255 && g <= 255)
        {
            RGB rgb = getBackgroundStyle(lbl.getStyle());
            if(rgb != null)
            {
                if(rgb.g < g-16) { return; }
            }
            lbl.setStyle("-fx-color: #000; -fx-background-color: rgb("+r+","+g+","+b+");");
            try { Thread.sleep(6); }
            catch (Exception e){}
            b += 4;
            g += 4;
            ++i;
        }
        lbl.setStyle("-fx-color: #000; -fx-background-color: fff;");
    }
}

我将这样运行：

javafx.application.Platform.runLater(new AnimateLabel(tl, idx));

但是，Thread.sleep（6）将被忽略。 与javafx.application共享线程时，是否可以在稍后的运行中暂停以控制动画的速度？

问候，达斯汀

Answer 1

我认为JavaFX事件队列的工作原理存在一些误解。

1）在普通线程上运行AnimateLabel代码将导致Label#setStyle(...)代码在该线程上执行-这是非法的，很可能会引起您的问题。

2）按照第二个示例，完全在JavaFX事件队列上运行AnimateLabel代码，这意味着事件线程将被阻塞，直到动画完成为止。 同时，该应用程序将不会更新，不会处理用户事件或重新绘制。 基本上，您是在循环内更改标签样式，但没有给事件队列时间来实际重绘标签，这就是为什么屏幕上看不到任何东西的原因。

半正确的方法是两者的结合。 在单独的线程中运行AnimateLabel，但将对Label#setStyle(...)的调用包装在Platform#runLater(...) 。 这样，您将仅使事件线程进行相关工作，而让它可以在两者之间自由进行其他工作（例如更新UI）。

就像我说的那样，这是半正确的方法，因为有内置的工具可以更轻松地完成您想要的操作。 您可能要签出Transition类。 它为自定义动画提供了一种简单的方法，甚至提供了一堆预构建的子类来为Node的最常见属性设置动画。

Answer 2

Sarcan有一个很好的答案。

这个答案仅提供了示例代码（基于zonski的论坛帖子 ），用于修改CSS样式的时间轴方法。 该代码可以替代您在问题中发布的代码。

这种方法的优势在于JavaFX库可以处理所有线程问题，从而确保所有代码都在JavaFX线程上执行，并且消除了您可能担心的线程安全性。

import javafx.animation.*;
import javafx.application.Application;
import javafx.beans.property.*;
import javafx.beans.value.*;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.TilePane;
import javafx.stage.Stage;
import javafx.util.Duration;

public class CssFlash extends Application {

    private Label flashOnClick(final Label label) {
        label.setStyle(String.format("-fx-padding: 5px; -fx-background-radius: 5px; -fx-background-color: lightblue;"));

        DoubleProperty opacity = new SimpleDoubleProperty();
        opacity.addListener(new ChangeListener<Number>() {
            @Override public void changed(ObservableValue<? extends Number> source, Number oldValue, Number newValue) {
                label.setStyle(String.format("-fx-padding: 5px; -fx-background-radius: 5px; -fx-background-color: rgba(255, 0, 0, %f)", newValue.doubleValue()));
            }
        });

        final Timeline flashAnimation = new Timeline(
                new KeyFrame(Duration.ZERO, new KeyValue(opacity, 1)),
                new KeyFrame(Duration.millis(500), new KeyValue(opacity, 0)));
        flashAnimation.setCycleCount(Animation.INDEFINITE);
        flashAnimation.setAutoReverse(true);

        label.setOnMouseClicked(new EventHandler<MouseEvent>() {
            @Override public void handle(MouseEvent t) {
                if (Animation.Status.STOPPED.equals(flashAnimation.getStatus())) {
                    flashAnimation.play();
                } else {
                    flashAnimation.stop();
                    label.setStyle(String.format("-fx-padding: 5px; -fx-background-radius: 5px; -fx-background-color: lightblue;"));
                }  
            }
        });        

        return label;
    }

    @Override public void start(Stage stage) throws Exception {
        TilePane layout = new TilePane(5, 5);
        layout.setStyle("-fx-background-color: whitesmoke; -fx-padding: 10;");

        for (int i = 0; i < NUM_LABELS; i++) {
            layout.getChildren().add(flashOnClick(new Label("Click to flash")));
        }    

        Scene scene = new Scene(layout);
        stage.setScene(scene);
        stage.show();
    }

    private static final int NUM_LABELS = 20;
    public static void main(String[] args) { Application.launch(args); }
}

JavaFX 8允许您使用Java API设置区域的背景，因此，如果需要，您可以在没有CSS的情况下完成相同的操作。

示例程序输出，其中单击了一些标签，并且处于各种闪烁状态：