将节点的动画添加到 VBox

Question

我正在寻找一个解决方案来添加节点的淡出或翻转或任何动画。谢谢你的帮助。

我发现了同样的问题，但没有任何进一步的帮助在这里:动画组件添加-删除在一个VBox

Answer 1

正如jewelsea已经提到的，您将使用过渡。以下是如何为您的用例执行此操作的示例:

public static void addFadingIn(final Node node, final Group parent) {
    final FadeTransition transition = new FadeTransition(Duration.millis(250), node);
    transition.setFromValue(0);
    transition.setToValue(1);
    transition.setInterpolator(Interpolator.EASE_IN);
    parent.getChildren().add(node);
    transition.play();
  }
  public static void removeFadingOut(final Node node, final Group parent) {
    if (parent.getChildren().contains(node)) {
      final FadeTransition transition = new FadeTransition(Duration.millis(250), node);
      transition.setFromValue(node.getOpacity());
      transition.setToValue(0);
      transition.setInterpolator(Interpolator.EASE_BOTH);
      transition.setOnFinished(finishHim -> {
        parent.getChildren().remove(node);
      });
      transition.play();
    }
  }

或者使用Java8的更通用的实现:

 public static void addAnimating(final Node node, final Group parent,
      final Supplier<Animation> animationCreator) {
    parent.getChildren().add(node);
    animationCreator.get().play();
  }
  public static void removeAnimating(final Node node, final Group parent,
      final Supplier<Animation> animationCreator) {
    if (parent.getChildren().contains(node)) {
      final Animation animation = animationCreator.get();
      animation.setOnFinished(finishHim -> {
        parent.getChildren().remove(node);
      });
      animation.play();
    }
  }

您可以在https://gist.github.com/bugabinga/9576634

Answer 2

您可以使用内置的过渡或第三方库，如FXExperience罐装动画。

关于将动画与标准布局窗格集成的示例，请参阅LayoutAnimator代码，该代码用于:布局更改时的动画。LayoutAnimator是非常通用的，将与其他窗格工作，而不是提供的FlowPane样本(它只是看起来有点酷与FlowPane)。