Transition in JavaFX Part 16 (DropOut)

JavaFX Transition

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

の 15 個です。 ついに最後の1つになりました。

最終回の今回は Effect.DropOut です。 徐々に消えていく 感じが最終回ぽくて良いですね！！
JavaFX で実装するなら、こんな感じかな... 

ParallelTransition {
    node: node
    content: [
        TranslateTransition { duration: 0.5s byY: 100 }
        FadeTransition      { duration: 0.5s fromValue: 1.0 toValue: 0.0 }
    ]
}.playFromStart();
ノードを下に移動させる TranslateTransition と ノードを徐々に消していく FadeTransition の 2つの Transition を ParallelTransition で同時に実行するようにしています。

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


このシリーズも今回で最終回を迎えることになりました。 いやぁ、本当に長かった...
次回は気分も新たに？ script.aculo.us のもう1つの機能 Drag and Drop と Scrollable を JavaFX で実現してみようと思います。