Question

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

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

指向标签的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类。它为自定义动画提供了一种简单的方法，甚至还提供了一组预构建的子类，用于动画节点的最常见属性。

Answer 2

Sarcan有一个很好的答案。

此答案仅提供了zonski's forum post修改css样式方法的示例代码（基于Timeline）。该代码可用作您在问题中发布的代码的替代。

这种方法的一个优点是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的情况下完成同样的事情。

示例程序输出，点击了一些标签并处于各种闪烁状态： clicktoflash

Java FX线程安全暂停/休眠

2 个答案: