for 循环中的序列动画 (JavaFX)

如何解决for 循环中的序列动画 (JavaFX)

我正在编写一个程序，该程序根据用户的输入显示一组动画圆圈。用户可以确定动画运行的速度以及可以在窗格上显示多少个圆圈。截至目前，代码运行良好。但是我想要我的代码做的是一个一个地做动画（圆圈都是同时出现的，但是缩小动画是一个一个地发生），我试图把运行动画的代码放在for之外-loop 但也没有用。我还将圆圈放在显示代码内，但这也不起作用。有没有办法在 for 循环中随机排列随机形状的动画？我也尝试在程序上使用并行转换，但它所做的要么不显示，要么给我错误。

这是我的代码：

private class buttonEvent implements EventHandler<ActionEvent> {
    @Override
    public void handle(ActionEvent e) {
        String countCircles = numOfCircles.getText();
        int circleCount = Integer.parseInt(countCircles);

        String countDuration = duration.getText();
        int speed = Integer.parseInt(countDuration);

        for (int i = 0; i < circleCount; i++) {
            ScaleTransition scaleTr = createTransition(speed);
            display.getChildren().addAll(scaleTr.getNode());
            scaleTr.play();
        }
    }
}

解决方法

也许这会帮助您解决问题。

---

代码

private class buttonEvent implements EventHandler<ActionEvent>
{

    @Override
    public void handle(ActionEvent e)
    {
        String countCircles = numOfCircles.getText();
        int circleCount = Integer.parseInt(countCircles);

        String countDuration = duration.getText();
        int speed = Integer.parseInt(countDuration);
      
        // Edit here: SequentialTransition created
        SequentialTransition sequentialTransition = new SequentialTransition();

        for (int i = 0; i < circleCount; i++)
        {
            ScaleTransition scaleTr = createTransition(speed);
            display.getChildren().addAll(scaleTr.getNode());
            // Edit here: Animation added to sequential transition instead of being played                 
            sequentialTransition.getChildren().add(scaleTr);
        }

        // Edit here: sequential transition being played  
        sequentialTransition.play();
    }
}

---

我使用了 SequentialTransition，它按顺序播放动画列表。以下是 Java 文档的链接以获取更多信息：https://docs.oracle.com/javafx/2/api/javafx/animation/SequentialTransition.html

如果您发现解决方案有任何问题，请发表评论。