StackPane 내부에서 자식을 toFront()로 보낼 때 페이드 전환을 적용 할 수 있습니까?

Question

JavaFX (Swing에서 제공)에 다소 익숙하며 내부에 여러 개의 fxml 서브 패널이있는 StackPanes를 사용하는 경향이 있습니다.이 중 하나는 특정 버튼 클릭 또는 메뉴 선택에서 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(); 
}); 

응용 프로그램에서 설정하는 방법에 따라 모든 스택 창 하위의 불투명도를 0으로 초기화해야 할 수 있습니다.

이 모든 코드 요구 사항은 스택 창에 대한 참조입니다.