StackPane内の子にtoFront（）を送信する際にフェードトランジションを適用できますか？

Question

私はJavaFX（Swingの新機能）に少し慣れていて、内部にいくつかのfxmlサブパネルを持つStackPanesを使用する傾向があります。そのうちの1つは、特定のボタンクリックまたはメニュー選択時にtoFront（）に持ち込まれます。フェードアウト/フェードインの切り替えでこれをアニメートすることは可能ですか？私は数日間グーグルで行ってきましたが、この特定のケースに関連するものは何も見つかりません。

Answer 1

toFront()は、ノードを親の子リストの末尾に移動するだけで動作します（子リストの順序によってzオーダーが決まります）。したがって、「最前面のノード」はリストの最後にあるものだけです。このノードを含む観測可能な値を作成するには、Bindings.valueAt(...)とBindings.size(...)の組み合わせを使用します。

ObjectBinding<Node> frontNode = Bindings.valueAt(stackPane.getChildren(), 
    Bindings.size(stackPane.getChildren()).subtract(1)); 

あるいは、代替実装用：

ObjectBinding<Node> frontNode = new ObjectBinding<Node>() { 

    { bind(stackPane.getChildren()); } 

    @Override 
    protected Node computeValue() { 
     if (stackPane.getChildren().isEmpty()) return null ; 
     return stackPane.getChildren().get(stackPane.getChildren().size() - 1) ; 
    } 
} 

次に、あなただけの古い値をフェードアウトし、新しい値をフェードリスナーを登録することができます以下はからあなたの出発点を与える必要があります。あなたは働くことができます。

frontNode.addListener((obs, oldNode, newNode) -> { 
    SequentialTransition fadeOutIn = new SequentialTransition(); 
    if (oldNode != null) { 
     FadeTransition fadeOut = new FadeTransition(Duration.seconds(1), oldNode); 
     fadeOut.setToValue(0); 
     fadeOutIn.getChildren().add(fadeOut); 
    } 
    if (newNode != null) { 
     FadeTransition fadeIn = new FadeTransition(Duration.seconds(1), newNode); 
     fadeIn.setFromValue(0); 
     fadeIn.setToValue(1); 
     fadeOutIn.getChildren().add(fadeIn); 
    } 
    fadeOutIn.play(); 
}); 

ものは、アプリケーションで設定されている方法によっては、ゼロにすべてのスタックペインの子の不透明度を初期化する必要があるかもしれません。

このコードはすべて、スタックペインへの参照であることに注意してください。