Transition in JavaFX Part 5 (SwitchOff)

『Transition in JavaFX』シリーズは script.aculo.us の 16個の Effect の デモ をそっくりそのまま JavaFX で実装してしまおうという企画です。
前回までに紹介した Effect は

• Appear
• Fade
• BlindDown
• BlindUp

の４つです。

５回目 の 今回は Effect.SwitchOff です。
JavaFX で実装するなら、こんな感じかな...

SequentialTransition {
    node: node
    content: [
        FadeTransition  { duration: 0.1s fromValue: 0.5 toValue: 1.0 }
        ScaleTransition { duration: 0.3s fromY: 1.0 toY: 0.0 }
    ]
}.playFromStart();

上記は、FadeTransition で一瞬 点滅させた後、 ScaleTransition でノードの垂直方向のサイズをセンターを基準として徐々に小さくしているだけです。
２つの Transition を順番に実行するため、SequentialTransition を使っています。

『Effect Demo』 に、今回紹介した Effect.SwitchOff を追加しました。
興味のある方は、以下のボタンをクリックして、実際にデモで確認してみましょう。