JavaFX窗口尺寸过小：GridPane布局UI元素无法正常显示

问题描述 #

通过SceneBuilder创建的JavaFX对话框初始化时多数列被挤压，dayComboBox（显示"Monday"）下方的sessionComboBox虽填充了20字符左右的选项，但因无默认值显示为空且占用空间异常，手动拉大窗口后可正常展示，需通过布局配置解决，避免硬编码宽度或计算子元素首选宽度。

关键布局调整点 #

• 父GridPane的列约束优化：给时间选择相关列设置hgrow="SOMETIMES"，确保列能根据内容自动扩展；右侧滚动区域列保持hgrow="ALWAYS"以占据剩余空间；分隔符所在列设为hgrow="NEVER"固定宽度
• 内部GridPane（daysScrollPane内的gridPane）添加列约束的minWidth和hgrow属性，让sessionComboBox所在列能适配选项内容
• 开启ScrollPane的fitToWidth属性，使内部布局自动适配滚动面板宽度
• 确保在对话框显示前完成ComboBox的数据填充，若需动态填充，填充后调用parentGridPane.requestLayout()触发布局重计算

修改后的FXML代码 #

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

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ScrollPane?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>

<GridPane fx:id="parentGridPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" stylesheets="@application.css" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="de.levin.ctrl.TrainingPlanEditorCtrl">
   <children>
      <ComboBox fx:id="startHourComboBox" GridPane.columnIndex="1" GridPane.rowIndex="1">
         <GridPane.margin>
            <Insets top="6.0" />
         </GridPane.margin>
      </ComboBox>
      <ComboBox fx:id="startMinutesComboBox" GridPane.columnIndex="3" GridPane.rowIndex="1">
         <GridPane.margin>
            <Insets right="6.0" top="6.0" />
         </GridPane.margin>
      </ComboBox>
      <ComboBox fx:id="endHourComboBox" GridPane.columnIndex="1" GridPane.rowIndex="2">
         <GridPane.margin>
            <Insets bottom="12.0" top="6.0" />
         </GridPane.margin>
      </ComboBox>
      <ComboBox fx:id="endMinutesComboBox" GridPane.columnIndex="3" GridPane.rowIndex="2">
         <GridPane.margin>
            <Insets bottom="12.0" right="6.0" top="6.0" />
         </GridPane.margin>
      </ComboBox>
      <Label text=":" GridPane.columnIndex="2" GridPane.rowIndex="1">
         <GridPane.margin>
            <Insets left="3.0" right="3.0" />
         </GridPane.margin>
      </Label>
      <Label text=":" GridPane.columnIndex="2" GridPane.rowIndex="2">
         <GridPane.margin>
            <Insets left="3.0" right="3.0" />
         </GridPane.margin>
      </Label>
      <Label text="Start" GridPane.rowIndex="1">
         <GridPane.margin>
            <Insets left="12.0" right="6.0" />
         </GridPane.margin>
      </Label>
      <Label text="End" GridPane.rowIndex="2">
         <GridPane.margin>
            <Insets left="12.0" right="6.0" />
         </GridPane.margin>
      </Label>
      <Button fx:id="addDayButton" mnemonicParsing="false" onAction="#addDay" text="+" GridPane.columnIndex="5">
         <GridPane.margin>
            <Insets right="12.0" top="12.0" />
         </GridPane.margin>
      </Button>
      <Button fx:id="addIntervallButton" mnemonicParsing="false" onAction="#addIntervall" text="+" GridPane.columnIndex="1" GridPane.rowIndex="3">
         <GridPane.margin>
            <Insets bottom="12.0" top="12.0" />
         </GridPane.margin>
      </Button>
      <Separator prefWidth="200.0" GridPane.columnSpan="2147483647" GridPane.rowIndex="4">
         <GridPane.margin>
            <Insets bottom="6.0" top="6.0" />
         </GridPane.margin>
      </Separator>
      <Button fx:id="okButton" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#ok" text="OK" GridPane.columnIndex="1" GridPane.columnSpan="2" GridPane.rowIndex="5">
         <GridPane.margin>
            <Insets bottom="24.0" top="6.0" />
         </GridPane.margin>
      </Button>
      <Button fx:id="cancelButton" mnemonicParsing="false" onAction="#cancel" text="Cancel" GridPane.columnIndex="4" GridPane.rowIndex="5">
         <GridPane.margin>
            <Insets bottom="24.0" top="6.0" />
         </GridPane.margin>
      </Button>
      <ScrollPane fx:id="daysScrollPane" fitToWidth="true" GridPane.columnIndex="4" GridPane.hgrow="ALWAYS" GridPane.rowSpan="3" GridPane.vgrow="ALWAYS">
         <content>
            <GridPane fx:id="gridPane" maxWidth="1.7976931348623157E308">
              <columnConstraints>
                <ColumnConstraints hgrow="SOMETIMES" minWidth="100.0" />
              </columnConstraints>
              <rowConstraints>
                <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="ALWAYS" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="ALWAYS" />
              </rowConstraints>
               <children>
                  <ComboBox fx:id="dayComboBox">
                     <GridPane.margin>
                        <Insets bottom="6.0" right="12.0" />
                     </GridPane.margin>
                  </ComboBox>
                  <ComboBox fx:id="sessionComboBox" maxHeight="1.7976931348623157E308" GridPane.rowIndex="1" GridPane.rowSpan="2">
                     <GridPane.margin>
                        <Insets right="12.0" />
                     </GridPane.margin>
                  </ComboBox>
               </children>
            </GridPane>
         </content>
         <GridPane.margin>
            <Insets right="12.0" top="12.0" />
         </GridPane.margin>
      </ScrollPane>
   </children>
   <columnConstraints>
      <ColumnConstraints hgrow="SOMETIMES" />
      <ColumnConstraints hgrow="SOMETIMES" />
      <ColumnConstraints hgrow="NEVER" />
      <ColumnConstraints hgrow="SOMETIMES" />
      <ColumnConstraints hgrow="ALWAYS" maxWidth="1.7976931348623157E308" minWidth="150.0" />
      <ColumnConstraints hgrow="NEVER" />
   </columnConstraints>
   <rowConstraints>
      <RowConstraints minHeight="10.0" />
      <RowConstraints />
      <RowConstraints minHeight="10.0" />
      <RowConstraints minHeight="10.0" />
      <RowConstraints minHeight="10.0" vgrow="NEVER" />
      <RowConstraints minHeight="10.0" vgrow="NEVER" />
   </rowConstraints>
</GridPane>

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