JavaFX-时间轴动画对象未显示？

Question

我是JavaFX新手，我确信我在这里遗漏了一些明显的东西。我试图制作一个汽车的动画，它从左到右穿过一扇窗户，到达那里时绕着右边。用户应该能够点击up/down来调整动画的速度。当我使用一个路径转换对象时，动画开始运行，但发现你无法调整路径转换的持续时间，所以我在一个时间线中重新编辑了它。

然而，随着时间的推移，我被卡住了。当我启动应用程序时，汽车不会显示在屏幕上。以下是我希望的一段简洁的代码片段：

public class Project12 extends Application {

public static void main(String[] args) {
    launch();
}

@Override
public void start(Stage primaryStage) {     
    //Create Pane to hold the car animation
    Pane pane = new Pane();

    //Create the RaceCarPane
    RaceCarPane raceCar = new RaceCarPane();
    pane.getChildren().add(raceCar); //Adds the race car to the main pane

    //Create the VBox to hold components
    VBox displayPane = new VBox();
    displayPane.getChildren().addAll(pane, userInstructions, btnPause);
    displayPane.setSpacing(15);
    displayPane.setAlignment(Pos.CENTER);

    //Create scene for display and add the display pane
    Scene scene = new Scene(displayPane);

    //Add the scene to the stage and display
    primaryStage.setTitle("Project 12");
    primaryStage.setResizable(false); //disable resizing of the window
    primaryStage.setScene(scene);
    primaryStage.show();

}

还有消旋果烷：

public class RaceCarPane extends Pane {

    //Declare origin for determining polygon point locations
    private double originX = 10;
    private double originY = getHeight() - 10;
    private Timeline carAnimation;

    //Set the Timeline for the car in constructor method
    public RaceCarPane() {
        carAnimation = new Timeline(
                new KeyFrame(Duration.millis(100), e -> moveCar()));
        carAnimation.setCycleCount(Timeline.INDEFINITE);
        carAnimation.play();
    }

    private void paint() {

        //Create a polygon for the body 
        Polygon body = new Polygon();
        body.setFill(Color.BLUE);
        body.setStroke(Color.DARKBLUE);


        //Add points to the body
        ObservableList<Double> bodyList = body.getPoints();

        /*(code omitted, just adding coordinates to the ObservableList for all parts. 
        I don't believe the bug is here since it displayed when I was using a PathTransition animation)*/

        //Add to pane
        getChildren().addAll(body, roof, frontWheel, rearWheel);
    }

    public void setOrigin (double x, double y) {
        this.originX = x;
        this.originY = y;
    }

    @Override
    public void setWidth(double width) {
        super.setWidth(width);
        paint();
    }

    @Override
    public void setHeight(double height) {
        super.setHeight(height);;
        paint();
    }

    public void moveCar() {
        //Check that car is in bounds
        if(originX <= getWidth()) {
            originX += 10;
            paint();
        }
        else {
            originX = 0;
            paint();
        }

编辑：根据@Jai下面的评论，我的解决方案是恢复到PathTransition对象并使用其绑定到SimpleDoubleProperty的RateProperty。虽然可能不是项目想要的解决方案，但它确实有用，所以我很高兴！

Answer 1

看起来你在油漆方法中错过了一个结束括号。

有几件事是“错误的”。首先，你不应该每次想移动你的车时都创建新对象并将它们添加到场景图中。你；我还遗漏了你如何使用原始X，原始Y。

我建议你用一个小组来保管汽车的零件。将其添加到RaceCarPane中一次，然后使用组对象上的变换来移动它。

如果基于AnimationTimer而不是时间线，这可能会更容易，尤其是如果您希望能够动态调整车速。

Answer 2

@swpalmer说你不应该重复添加它是对的。

除此之外，您完全可以通过使用动画来使用路径转换。rateProperty（）。

此外，来自PathTransition：

此过渡将创建跨越其持续时间的路径动画。沿着路径的平移是通过更新节点的translateX和translateY变量来完成的，如果方向设置为orientation Type，旋转变量将得到更新。以规则间隔正交于切线。

因此，如果您使用的是时间线，则还应设置整个节点（即RaceCarPane）的translateX和translateY）来执行动画；反复尝试添加多边形肯定是错误的方法。如果在使用PathTransition时也添加了很多多边形，那么可能也做得不对。即使动画在视觉上是正确的，也并不总是意味着它是正确的。