使用场景编辑器

Question

好的，我有一个自定义窗格类，我想从FXML内部引用。当我尝试将节点类更改为BallPane时，它表示它不存在。

import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.beans.property.DoubleProperty;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.util.Duration;

public class BallPane extends Pane {

    public final double radius = 20;
    private double x = radius, y = radius;
    private double dx = 1, dy = 1;
    private Circle circle = new Circle(x, y, radius);
    private Timeline animation;

    public BallPane() {
        circle.setFill(Color.GREEN);
        getChildren().add(circle);
        animation = new Timeline(
                new KeyFrame(Duration.millis(50), e -> moveBall()));
        animation.setCycleCount(Timeline.INDEFINITE);
        animation.play(); // Start animation 
    }

    public void play() {
        animation.play();
    }

    public void pause() {
        animation.pause();
    }

    public void increaseSpeed() {
        animation.setRate(animation.getRate() + 0.1);
    }

    public void decreaseSpeed() {
        animation.setRate(
                animation.getRate() > 0 ? animation.getRate() - 0.1 : 0);
    }

    public DoubleProperty rateProperty() {
        return animation.rateProperty();
    }

    protected void moveBall() {
        // Check boundaries 
        if (x < radius || x > getWidth() - radius) {
            dx *= -1; // Change ball move direction 
        }
        if (y < radius || y > getHeight() - radius) {
            dy *= -1; // Change ball move direction 
        }

        // Adjust ball position 
        x += dx;
        y += dy;
        circle.setCenterX(x);
        circle.setCenterY(y);
    }
}

我试过嵌套在我的FXML中

    <BallPane layoutX="14.0" layoutY="14.0" prefHeight="334.0" prefWidth="462.0" />

然后在我的控制器中

@FXML
BallPane bpane;

我错过了什么？