无法显示继承Node类的自定义Figure实例的技术问题

你遇到的问题核心在于直接继承Node类但没有实现必要的布局与渲染逻辑。JavaFX的Node是所有UI元素的基类，但它只是一个抽象基础，没有默认的布局处理和绘制逻辑——如果你的自定义类只继承Node，却没告诉JavaFX如何布局内部元素、如何绘制自身，容器（比如你的GridPane）根本不知道该怎么显示它。

下面给你两种可行的解决方案：

方案1：让Figure继承Pane（推荐） #

Pane是Node的子类，已经实现了基础的容器布局逻辑，会自动管理内部子节点并负责渲染。你只需要把Circle、Line等元素添加到Figure的子节点列表中即可。

修改后的Figure类示例：

public class Figure extends Pane { // 将父类改为Pane
    private Circle circle ; 
    private Line boldLine ; 
    private Line thinLine ; 
    private Line prepenLine ; 

    public Figure(int centerX, int centerY, int startX, int startY, int endX, int endY){ 
        // 初始化你的图形元素（这里给个示例，你可以根据实际需求调整参数）
        circle = new Circle(centerX, centerY, 20);
        circle.setFill(Color.BLUE);
        
        boldLine = new Line(startX, startY, endX, endY);
        boldLine.setStrokeWidth(3);
        boldLine.setStroke(Color.BLACK);
        
        // ... 初始化其他Line元素
        
        // 将所有图形元素添加到当前Pane的子节点中
        this.getChildren().addAll(circle, boldLine, thinLine, prepenLine);
    } 
}

你的原有start方法完全不需要改动，把Figure实例添加到GridPane后，它的子元素会被自动渲染出来。

方案2：若坚持继承Node，手动实现必要逻辑 #

如果你有特殊需求必须直接继承Node，那么至少需要实现以下两点：

• 重写layoutChildren()方法，处理内部元素的布局位置
• 重写paint()方法，手动绘制所有图形元素

简单示例代码：

public class Figure extends Node { 
    private Circle circle ; 
    private Line boldLine ; 
    private Line thinLine ; 
    private Line prepenLine ; 

    public Figure(int centerX, int centerY, int startX, int startY, int endX, int endY){ 
        circle = new Circle(centerX, centerY, 20);
        circle.setFill(Color.BLUE);
        
        boldLine = new Line(startX, startY, endX, endY);
        boldLine.setStrokeWidth(3);
        boldLine.setStroke(Color.BLACK);
        
        // ... 初始化其他元素
    }

    @Override
    protected void layoutChildren() {
        // 手动设置子元素的布局位置
        circle.setLayoutX(getLayoutX());
        circle.setLayoutY(getLayoutY());
        // ... 处理其他元素的布局
    }

    @Override
    public void paint(GraphicsContext gc) {
        // 手动绘制圆形
        gc.setFill(circle.getFill());
        gc.fillOval(circle.getCenterX() - circle.getRadius(), circle.getCenterY() - circle.getRadius(),
                circle.getRadius() * 2, circle.getRadius() * 2);
        
        // 手动绘制粗线
        gc.setStroke(boldLine.getStroke());
        gc.setLineWidth(boldLine.getStrokeWidth());
        gc.strokeLine(boldLine.getStartX(), boldLine.getStartY(), boldLine.getEndX(), boldLine.getEndY());
        
        // ... 手动绘制其他Line元素
    }
}

这种方式需要手动处理所有绘制细节，比较繁琐，除非有特殊自定义需求，否则不推荐使用。

内容的提问来源于stack exchange，提问作者Elif