JavaFX中如何让子AnchorPane始终居中于父AnchorPane？

不用监听父容器resize手动修改锚点，有两种更简洁的实现方式：

方案一：利用属性绑定自动同步锚点 #

直接将子AnchorPane的锚点属性与父容器、自身的尺寸属性绑定，无需写监听逻辑，锚点会自动计算并更新：

// 假设parentPane为父AnchorPane，childPane为需要居中的子AnchorPane
// 绑定垂直方向锚点
childPane.topAnchorProperty().bind(
    parentPane.heightProperty().subtract(childPane.heightProperty()).divide(2)
);
childPane.bottomAnchorProperty().bind(
    parentPane.heightProperty().subtract(childPane.heightProperty()).divide(2)
);

// 绑定水平方向锚点
childPane.leftAnchorProperty().bind(
    parentPane.widthProperty().subtract(childPane.widthProperty()).divide(2)
);
childPane.rightAnchorProperty().bind(
    parentPane.widthProperty().subtract(childPane.widthProperty()).divide(2)
);

这种方式完全依赖JavaFX的属性绑定机制，父容器或子容器尺寸变化时，锚点会自动重新计算，保证子容器始终居中。

方案二：嵌套StackPane实现自动居中 #

如果允许在父AnchorPane和子AnchorPane之间嵌套一层StackPane，这是最省心的方案——StackPane默认会让子节点保持居中，且只需设置StackPane占满父容器即可：

FXML实现示例： #

<AnchorPane fx:id="parentPane" xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml">
    <!-- StackPane占满父AnchorPane -->
    <StackPane AnchorPane.topAnchor="0" AnchorPane.bottomAnchor="0" 
               AnchorPane.leftAnchor="0" AnchorPane.rightAnchor="0">
        <!-- 子AnchorPane会自动在StackPane中居中 -->
        <AnchorPane fx:id="childPane">
            <!-- 这里添加图片及后续控件 -->
            <ImageView fitWidth="200" fitHeight="200" image="@your-image-path.png" />
        </AnchorPane>
    </StackPane>
</AnchorPane>

后续给子AnchorPane添加任何控件，都不会影响居中效果，父容器resize时StackPane会自动调整子AnchorPane的位置。

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