Transition in JavaFX (Appear)

随分寝かせておいたレイアウトの続きを書こうと Stack を試してみましたが...
ただ単に z 方向にノードを重ね合わせられるだけで特筆することが何もない...
サンプルと言っても、図形の上に文字列が乗っているような どこかで見たたようなものしか思い浮かばない...

と言うことで...
もう暫くレイアウトは寝かせておくことにして、 今回から暫くの間、Transition をテーマにしようと思います。
こっちの方が動きがあって面白そうなので... ^^;

Transition は JavaScript で言うところの script.aculo.us の Effect と同じような機能を持ちます。
実際にどんな機能なのかは、説明するよりも script.aculo.us の デモ を見てもらった方が早いと思います。
script.aculo.us の Effect のデモは以下のページにあります。

http://wiki.github.com/madrobby/scriptaculous/combination-effects-demo

script.aculo.us のデモを見て、どんな機能なのかが解ったところで...
このデモと同じことが JavaFX で本当にできるのか？また、どう実装すればよいのか？
試してみたくなるのが人情というものです。

と言うことで...
今回から この 16 個のデモを JavaFX で 1 つずづ実装して試してみようと思います。

まずは、Effect.Appear から...
これは JavaFX でもおなじみの FadeTransition と全く同じ効果です。
JavaFX で実装する場合、以下のようになります。

FadeTransition {
    duration: 1.0s node: node
    fromValue: 0.0 toValue: 1.0
}.playFromStart();

実際に JavaFX 版 のデモを以下に用意しました。



script.aculo.us と比べ易いように全く同じデモにしてあります。画像までそのまま...
もちろん、今回はまだ Effect.Appear しか実装していませんので、それ以外のデモは動きませんが、順次、実装していく予定です。

ちなみに、このデモは Tile、Stack、VBox を使ってレイアウトしています。
このデモで何となく Stack のありがたみが解ったような...