Question

我现在的目标是制作一个小圆圈的动画，沿着大圆圈的路径前进。将来，我将需要使用滑块动态更改旋转速度，但是现在这不是问题。我不知道如何使此动画流畅？我的意思是说，我希望我的小圆圈在动画结束时不减速。使用路径转换可以做到吗？还是应该使用其他方法来实现动画以使其流畅？

这是我现在拥有的：

import javafx.animation.*;
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.layout.BorderPane;
    import javafx.scene.layout.Pane;
    import javafx.scene.paint.Color;
    import javafx.scene.shape.*;
    import javafx.stage.Stage;
    import javafx.util.Duration;

    public class SpinningCircles extends Application {

        BorderPane root = new BorderPane();
        int BigCircRad = 200;
        int BigCircX = 750;
        int BigCircY = 400;
        double duration = 1;

        public static void main(String[] args) {
            launch();
        }
        @Override
        public void start(Stage stage){
            Circle cir1 = new Circle(BigCircRad);
            Circle cir2 = new Circle(BigCircRad/10);

            cir1.setFill(Color.WHITE);
            cir2.setFill(Color.WHITE);

            cir1.setStroke(Color.BLUE);
            cir2.setStroke(Color.BLUE);

            cir1.setStrokeWidth(4);
            cir2.setStrokeWidth(4);

            cir1.setCenterX(BigCircX);
            cir2.setCenterX(BigCircX);

            cir1.setCenterY(BigCircY);
            cir2.setCenterY(BigCircY-BigCircRad);

            PathTransition pt = new PathTransition();
            pt.setNode(cir2);
            pt.setDuration(Duration.seconds(duration));
            pt.setPath(cir1);
            pt.setDelay(Duration.seconds(1));
            pt.setCycleCount(Animation.INDEFINITE);
            pt.play();

            root.getChildren().addAll(cir1, cir2);
            Scene scene = new Scene(root, 1000, 500);
            stage.setScene(scene);
            stage.setTitle("Spinning circles");
            stage.setMaximized(true);
            stage.setFullScreen(true);
            stage.show();
        }
    }

Answer 1

您需要set the interpolator来制作动画。

在文档中，是插补器

控制每个位置的加减速时间过渡周期。

默认插值器设置为Interpolator.EASE_BOTH。

默认值为Interpolator.EASE_BOTH

将使动画开始缓慢，然后以平滑的方式加速并再次减速直至结束。

请使用LINEAR插值器：

    pt.setInterpolator(Interpolator.LINEAR);

请注意，必须在开始动画之前设置插值器：

    PathTransition pt = new PathTransition();
    pt.setNode(cir2);
    pt.setDuration(Duration.seconds(duration));
    pt.setPath(cir1);
    pt.setDelay(Duration.seconds(1));
    pt.setCycleCount(Animation.INDEFINITE);

    pt.setInterpolator(Interpolator.LINEAR);

    pt.play();

如何使使用路径转换的javafx动画平滑？

1 个答案: