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

Question

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

Answer 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 按顺序播放动画列表 。这是 link 到 Java 文档以获取更多信息：https://docs.oracle.com/javafx/2/api/javafx/animation/SequentialTransition.html

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

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

Sequence animations within a for-loop (JavaFX)

java

animation

for-loop

javafx

event-handling

代码