Transition in JavaFX Part 6 (Puff)

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

• Appear
• Fade
• BlindDown
• BlindUp
• SwitchOff

の５つです。まだ５つかぁ... 先は長いなぁ...

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

ParallelTransition {
    node: node
    content: [
        ScaleTransition { duration: 1.0s byX: 1.0 byY: 1.0 }
        FadeTransition  { duration: 1.0s fromValue: 1.0 toValue: 0.0 }
    ]
}.playFromStart();

ScaleTransition で徐々にノードを大きくするとともに、 FadeTransition でノードを徐々に透明にしています。
更に、２つの Transition を同時に処理するために ParallelTransition を使っています。

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