JavaFX如何让Pane始终保持正方形？绑定宽高属性实现方案

你的问题出在两个核心点：一是布局容器的约束设置错误，导致paneinnerPane无法获取足够的可用空间；二是错误地绑定自身宽高形成循环依赖，完全起不到预期作用。下面是具体修复方案：

步骤1：调整FXML布局约束 #

先修改stackPaneOuterPane的属性，去掉固定的minHeight和minWidth（这会限制容器随窗口拉伸），确保它能在VBox中自动占满剩余空间：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" xmlns="http://javafx.com/javafx/17.0.2-ea" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.demo.MyController">
   <center>
      <VBox fx:id="vBoxCenter" BorderPane.alignment="CENTER">
         <children>
            <!-- 移除固定最小尺寸，让StackPane随窗口自适应 -->
            <StackPane fx:id="stackPaneOuterPane">
               <children>
                  <Pane fx:id="paneinnerPane" style="-fx-background-color: red;" />
               </children>
            </StackPane>
            <ButtonBar prefHeight="40.0" prefWidth="200.0">
              <buttons>
                <Button mnemonicParsing="false" text="Button" />
                  <Button mnemonicParsing="false" text="Button" />
              </buttons>
            </ButtonBar>
         </children>
      </VBox>
   </center>
</BorderPane>

步骤2：修改控制器代码，正确绑定宽高 #

在initialize方法中，先让stackPaneOuterPane占满VBox的垂直空间，再将paneinnerPane的宽高绑定到父容器宽高中的最小值，同时设置居中对齐：

import javafx.beans.binding.Bindings;
import javafx.geometry.Pos;
import javafx.fxml.FXML;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Priority;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.control.Label;

public class MyController {

    public VBox vBoxCenter;
    public StackPane stackPaneOuterPane;
    public Pane paneinnerPane;

    @FXML
    public void initialize() {
        // 让StackPane在VBox中自动占满垂直剩余空间
        VBox.setVgrow(stackPaneOuterPane, Priority.ALWAYS);
        
        // 将innerPane的宽度绑定到父容器宽高的最小值，保证边长取可用空间的最大值
        paneinnerPane.prefWidthProperty().bind(Bindings.min(stackPaneOuterPane.widthProperty(), stackPaneOuterPane.heightProperty()));
        // 绑定高度等于宽度，确保始终是正方形
        paneinnerPane.prefHeightProperty().bind(paneinnerPane.widthProperty());
        
        // 让正方形在StackPane中居中显示
        StackPane.setAlignment(paneinnerPane, Pos.CENTER);
    }

    @FXML
    private Label welcomeText;

    @FXML
    protected void onHelloButtonClick() {
        welcomeText.setText("Welcome to JavaFX Application!");
    }
}

原理说明 #

• 通过VBox.setVgrow让stackPaneOuterPane获取垂直方向的全部可用空间，它的宽高会随窗口大小实时调整。
• 使用Bindings.min()获取父容器宽高中的较小值作为正方形边长，既充分利用空间又保证形状不变。
• 绑定高度到宽度，确保宽高完全一致，居中对齐让正方形始终处于容器视觉中心。

调整后，无论窗口如何拉伸，红色paneinnerPane都会始终保持正方形，且尽可能占据可用空间。

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