animation - JavaFX で個別のカラー フリップ アニメーションを実行するにはどうすればよいですか?

Question

今日JavaFXを始めたばかりで、オブジェクトで個別のカラーフリップを行う方法がわかりません。2 つのキーフレームを使用してタイムラインを設定し、オブジェクトがその塗りつぶし変数にバインドする色の値を設定することができます。

Answer 1

または、fillColor の KeyFrame のキー値に DISCRETE インターポレータを使用することもできます。

Timeline {
    repeatCount: Timeline.INDEFINITE
    keyFrames: [
        at(0s) { fillColor => Color.BLUE tween Interpolator.DISCRETE; }
        at(1s) { fillColor => Color.RED tween Interpolator.DISCRETE; }
    ]
}

Answer 2

これはあなたが探しているものよりも多いかもしれませんが、無期限に繰り返されるわけではありません - バグかもしれませんか? また、これを行うにはもっときちんとした方法があると思います。

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;
import javafx.animation.transition.PauseTransition;
import javafx.animation.transition.SequentialTransition;

import javafx.animation.Timeline;

var fillColor: Color;

Stage {
    title : "MyApp"
    scene: Scene {
        width: 400
        height: 200
        content: [
                Rectangle {
                x: 10, y: 10
                width: 140, height: 90
                fill: bind fillColor
            }
            ]
    }
}

var seqTransition = SequentialTransition {
    repeatCount: Timeline.INDEFINITE
      content: [
        PauseTransition {
            duration: 1s
            action: function():Void {
                fillColor = Color.BLUE;
            }
        },
        PauseTransition {
            duration: 1s
            action: function():Void {
                fillColor = Color.RED;
            }
        }
      ]
    }
    seqTransition.play();