for循环中的序列动画（JavaFX）答案

【问题标题】：Sequence animations within a for-loop (JavaFX)for循环中的序列动画（JavaFX）
【发布时间】：2021-09-23 00:52:24
【问题描述】：

我正在编写一个程序，该程序根据用户的输入显示一组动画圆圈。用户可以确定动画运行的速度以及窗格上可以显示多少个圆圈。截至目前，代码运行良好。但是我想要我的代码做的是一个一个地做动画（圆圈都同时出现，但是缩小动画一个一个地发生），我试图把运行动画的代码放在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();
        }
    }
}

【问题讨论】：

您是否希望每个圆圈一个接一个在屏幕上显示，被缩放然后出现下一个圆圈？或者您是否希望所有圆圈都已经在屏幕上但每个圆圈都被逐一缩放？
@AKSingh 我希望所有圆圈同时出现，然后逐个缩小。抱歉，如果我不清楚。

标签： java for-loop animation javafx event-handling

【解决方案1】：

也许这会帮助你解决你的问题。

代码

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

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

【讨论】：