JavaFX 不使用StackPane等容器实现Rectangle在Pane内居中对齐的方法

• 构造器执行阶段，Pane还未完成布局渲染，此时调用getMaxWidth()/getMaxHeight()返回的是JavaFX默认的未约束值（通常为Double.MAX_VALUE），根本不是你设置的200x200实际显示尺寸，计算出的坐标完全偏离实际位置。
• 坐标计算公式逻辑偏差：JavaFX中Rectangle的X、Y坐标锚定的是矩形自身的左上角，矩形的几何中心坐标为(X + 矩形宽度/2, Y + 矩形高度/2)，要让该中心与Pane的几何中心(Pane实际宽度/2, Pane实际高度/2)完全重合，原代码“Pane半值加矩形宽高”的算法完全不符合等式逻辑。

设：

• Pane实际可用宽度为paneW，实际可用高度为paneH
• 矩形自身宽度为rectW，自身高度为rectH

根据中心对齐的等式关系：

rectX + rectW/2 = paneW/2
rectY + rectH/2 = paneH/2

移项后得到矩形左上角的正确坐标值：

rectX = (paneW - rectW) / 2
rectY = (paneH - rectH) / 2

代入你当前的固定尺寸（Pane 200x200，矩形50x50），计算得到矩形左上角坐标应为(75,75)，此时矩形中心坐标为(100,100)，刚好和Pane中心完全重合。

固定尺寸场景 #

如果你的Pane不需要随窗口缩放，直接按照计算好的固定值设置矩形坐标即可：

public class Canvas extends Pane{
    public Canvas() {
        Rectangle rect = new Rectangle(50,50, Color.GOLD);
        this.setBackground(new Background(new BackgroundFill(
                Color.INDIANRED,
                new CornerRadii(0),
                new Insets(0)
        )));
        this.setPrefSize(200, 200);
        // 代入公式计算的固定坐标
        rect.setX((200 - 50) / 2);
        rect.setY((200 - 50) / 2);
        this.getChildren().add(rect);
    }
}

自适应尺寸场景 #

如果需要Pane随窗口缩放时，矩形依然保持居中，不需要引入StackPane等额外布局容器，只需要重写自定义Pane的layoutChildren()方法，在每次布局更新时自动重算矩形坐标：

public class Canvas extends Pane{
    private final Rectangle rect = new Rectangle(50,50, Color.GOLD);

    public Canvas() {
        this.setBackground(new Background(new BackgroundFill(
                Color.INDIANRED,
                new CornerRadii(0),
                new Insets(0)
        )));
        this.setPrefSize(200, 200);
        this.getChildren().add(rect);
    }

    @Override
    protected void layoutChildren() {
        super.layoutChildren();
        // 获取布局完成后的Pane实际尺寸
        double paneW = getWidth();
        double paneH = getHeight();
        // 套用居中公式动态计算坐标
        rect.setX((paneW - rect.getWidth()) / 2);
        rect.setY((paneH - rect.getHeight()) / 2);
    }
}

注意：该实现完全基于纯Pane的自布局逻辑，没有引入任何嵌套布局容器，符合不依赖其他布局组件的约束要求。

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