java - 同步多个控制实例之间的过渡

我有几个自定义控件。要求之一是使控件能够根据其状态进行闪烁。我正在使用淡入淡出过渡，效果很好。

如何同步淡入淡出过渡，以便如果多个控件在屏幕上闪烁，则它们以相同的速率淡入和淡出？

我唯一能想到的就是使它具有一个静态的ParallelTransition，每个实例在其处于活动状态时将其淡入淡入过渡添加到其中，但这听起来并不像是一种干净的方法。

最佳答案

您可以使用绑定将所有内容链接到随时间变化的键值。

下面的代码将创建一堆圆圈，然后在不同的时间触发它们的闪烁，但是一旦闪烁开始，所有的圆圈就会一致地继续闪烁（如果您容易患癫痫病，请不要运行此循环...）

您可以使用时间轴中使用的值和内插器来获得所需的效果。

import javafx.animation.*;
import javafx.application.Application;
import javafx.beans.property.*;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;
import javafx.util.Duration;

import java.util.Random;

public class Synchronicity extends Application {
    private static final double N = 10;
    private static final double R = 10;
    private static final Duration D = Duration.seconds(2);

    private static final double MIN_VAL = 0.1;
    private static final double MAX_VAL = 1;

    private static final Random r = new Random();

    private final DoubleProperty opacity = new SimpleDoubleProperty(MAX_VAL);
    private final Timeline oscillator = new Timeline(
            new KeyFrame(Duration.ZERO, new KeyValue(opacity, MAX_VAL, Interpolator.EASE_BOTH)),
            new KeyFrame(D.divide(2), new KeyValue(opacity, MIN_VAL, Interpolator.EASE_BOTH))
    );

    @Override
    public void start(final Stage stage) {
        Pane layout = new Pane();
        for (int i = 0; i < N; i++) {
            Circle circle = new Circle(R, Color.FIREBRICK);
            circle.setCenterX(2 * R + i * R * 3);
            circle.setCenterY(R * 2);
            layout.getChildren().add(circle);

            PauseTransition pause = new PauseTransition(D.multiply(r.nextDouble() * N));
            pause.setOnFinished(e ->  blink(circle));
            pause.play();
        }
        layout.setMinSize(R + N * R * 3,R * 4);

        stage.setScene(new Scene(layout));
        stage.show();

        oscillator.setAutoReverse(true);
        oscillator.setCycleCount(Timeline.INDEFINITE);
        oscillator.play();
    }

    private void blink(Node node) {
        node.opacityProperty().bind(opacity);
    }

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