Transition in JavaFX Part 8 (SlideUp)

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

• Appear
• Fade
• BlindDown
• BlindUp
• SwitchOff
• Puff
• SlideDown

の７つです。

８回目 の 今回は Effect.SlideUp です。 （やっと折り返し地点かぁ... まだまだ先は長いなぁ。）
JavaFX で実装するなら、こんな感じかな...

node.clip = Rectangle {
    x: node.boundsInLocal.minX 
    y: bind -node.translateY
    width:  node.boundsInLocal.width
    height: node.boundsInLocal.height
}

TranslateTransition {
    node: node duration: 1.0s fromY: 0.0 toY: -node.boundsInLocal.height
}.playFromStart();

前回紹介した Effect.SlideDown の移動方向を反対にしただけです。
説明は 『Transition in JavaFX Part 7 (SlideDown)』 を参照してください。

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