Transition in JavaFX Part 4 (BlindUp)

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

４回目 の 今回は Effect.BlindUp です。
JavaFX の場合、以下のように書きます。

var scaleY = 1.0;
node.clip = Rectangle {
    width:  node.boundsInLocal.width
    height: node.boundsInLocal.height
    transforms: Scale { pivotY: 0.0 y: bind scaleY }
}

Timeline {
    keyFrames: KeyFrame { time: 1.0s values: scaleY => 0.0 }
}.playFromStart();

上記は、前回の Effect.BlindDown の反対で、 上端を基点にクリップの垂直方向のサイズを徐々に小さくしているだけです。

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