Javafx钟摆动画-为什么我在场景中看不到我的圆？

Question

Java程序。使用最新版本的eclipse和java。程序正常工作，但是我不明白为什么我看不到钟摆底部的圆。程序应该把钟摆显示为一条连接顶部和底部圆圈的线。我已经尝试了setFill()和setStroke()代码，但仍然无法解决这个问题...可能是一些小而简单的东西，但我错过了。请让我知道什么在我面前！

import javafx.animation.PathTransition;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Arc;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Line;
import javafx.stage.Stage;
import javafx.util.Duration;

public class Ch15PA2 extends Application {
    
    public void start(Stage primaryStage) {
        
        BorderPane pane = new BorderPane();
        VBox vbox = new VBox();
        pane.getChildren().add(vbox);
        
        Pendulum pendulum = new Pendulum(500, 300);
        pane.setCenter(pendulum);   
        
        Scene scene = new Scene(pane,500,500);
        primaryStage.setTitle("Chapter 15 Programming Assignemnt 2");
        primaryStage.setScene(scene);
        pendulum.resume();
        primaryStage.show();
        
        scene.setOnKeyPressed(e -> {
            switch (e.getCode()) {
            case UP: pendulum.increase(); break;
            case DOWN: pendulum.decrease(); break;
            case R: pendulum.resume(); break;
            case S: pendulum.stop(); break;
            }
        });
    }

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

}

class Pendulum extends Pane {
    private double w=300;
    private double h;
    
    PathTransition pt;
    Circle topCircle = new Circle();
    Circle bottomCircle = new Circle();
    Line line;
    Arc arc;
    
    public Pendulum(double width,double height) {
        w = width;
        h = height;
        
        arc = new Arc(w/2,h*.8,w*.15,w*.15,180,180);
        topCircle = new Circle(arc.getCenterX()-arc.getRadiusX(),arc.getCenterY(),10);
        bottomCircle = new Circle(arc.getCenterX(),arc.getCenterY()-h/2,bottomCircle.getRadius()/2);
        arc = new Arc(topCircle.getCenterX(),topCircle.getCenterY(),w/2,h/2,240,60);
        arc.setFill(Color.TRANSPARENT);
        line = new Line(topCircle.getCenterX(),topCircle.getCenterY(),bottomCircle.getCenterX(),bottomCircle.getCenterY());
        pt = new PathTransition();
        pt.setDuration(Duration.seconds(2.0));
        pt.setPath(arc);
        pt.setNode(bottomCircle);
        pt.setOrientation(PathTransition.OrientationType.NONE);
        pt.setCycleCount(PathTransition.INDEFINITE);
        pt.setAutoReverse(true);
        topCircle.setStroke(Color.BLACK);
        topCircle.setFill(Color.BLACK);
        bottomCircle.setStroke(Color.BLACK);
        bottomCircle.setFill(Color.BLACK);
        line.setStroke(Color.BLACK);
        line.endXProperty().bind(bottomCircle.translateXProperty().add(bottomCircle.getCenterX()));
        line.endYProperty().bind(bottomCircle.translateYProperty().add(bottomCircle.getCenterY()));

        getChildren().add(line);
        getChildren().add(bottomCircle);
        getChildren().add(topCircle);
        getChildren().add(arc);
        
    }
    
    public void increase() {
        pt.setRate(pt.getRate()+1);
    }
    
    public void decrease() {
        pt.setRate(pt.getRate()-1);
    }
    
    public void resume() {
        pt.play();
    }
    
    public void stop() {
        pt.stop();
    }
}

Answer 1

您将bottomCircle的半径设置为零。

首先你要:

Circle bottomCircle = new Circle();

它创建了一个带有centerX=0、centerY=0和（重要的是）半径=0的圆圈。然后在构造函数中您执行：

bottomCircle = new Circle(arc.getCenterX(),arc.getCenterY()-h/2,bottomCircle.getRadius()/2);

由于底部圆圈.getRadius（） 返回 0，因此这会将底部圆圈重新初始化为半径为 0 的圆。由于半径为零，因此没有实际的圆可看。

由于您唯一的构造函数同时初始化 topCircle 和 bottomCircle，因此将它们与它们的声明内联初始化是没有意义的（因为无论如何，您只需立即替换这些对象）。只需将它们声明为

Circle topCircle;
Circle bottomCircle;

这将为您的当前代码提供一个空指针异常，提醒您将bottomCircle.radius设置为bottomCircle.radius/2几乎肯定不是您想要做的。

一般来说，给某个值赋值，然后立即给它另一个值是令人困惑的。你可以这样做

class Pendulum extends Pane {
    private double w;
    private double h;

    PathTransition pt;
    Circle topCircle;
    Circle bottomCircle;
    Line line;
    Arc arc;

    public Pendulum(double width,double height) {
        w = width;
        h = height;

//        arc = new Arc(w/2,h*.8,w*.15,w*.15,180,180);
        topCircle = new Circle(w/2-w*.15,h*.8,10);
        bottomCircle = new Circle(w/2,h*.8-h/2,5);
        arc = new Arc(topCircle.getCenterX(),topCircle.getCenterY(),w/2,h/2,240,60);
        arc.setFill(Color.TRANSPARENT);
        
        // ...

    }

    // ...
}