JavaFX:如何制作一个 VBox 及其内容以 window 高度无限扩展,就像它们对宽度所做的那样?

JavaFX: How to make a VBox and it's contents expand infinitely with window height like they do with width?

可能是一个非常简单的问题,但我一直没弄明白。

我在 VBox 和 SplitPane 中有一个 ScrollPane(feat.Label):

(完整的 fxml 文件在底部)

当您水平展开 window 或拆分窗格分隔符时,Vbox 会自动拉伸以适合,标签会适当地重新居中,并且滚动窗格会展开以适合 vbox。 垂直扩展时不会发生这种情况,我希望如此。我怎样才能做到这一点?如果我应该使用其他容器,请告诉我。

如果有帮助,我的烦恼的GIF: 完整的 fxml 文件:

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

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

<AnchorPane prefHeight="600.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/10.0.2-internal" xmlns:fx="http://javafx.com/fxml/1" fx:controller="main.java.ui.DefaultLayoutController">
   <children>
      <BorderPane prefHeight="600.0" prefWidth="800.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <top>
            <MenuBar BorderPane.alignment="CENTER">
              <menus>
                <Menu mnemonicParsing="false" text="File">
                  <items>
                    <MenuItem mnemonicParsing="false" text="Close" />
                  </items>
                </Menu>
                <Menu mnemonicParsing="false" text="Edit">
                  <items>
                    <MenuItem mnemonicParsing="false" text="Delete" />
                  </items>
                </Menu>
                <Menu mnemonicParsing="false" text="Help">
                  <items>
                    <MenuItem mnemonicParsing="false" text="About" />
                  </items>
                </Menu>
              </menus>
            </MenuBar>
         </top>
         <center>
            <SplitPane dividerPositions="0.5" prefHeight="160.0" prefWidth="200.0" BorderPane.alignment="CENTER">
              <items>
                <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
                     <children>
                        <VBox prefHeight="573.0" prefWidth="306.0" style="-fx-background-color: #ccbfb1;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                           <children>
                              <Label alignment="CENTER" maxWidth="Infinity" prefHeight="61.0" prefWidth="260.0" style="-fx-alignment: center; -fx-background-color: #e6d7c8;" text="Text" textAlignment="CENTER">
                                 <font>
                                    <Font name="AdobeDevanagari-Regular" size="51.0" />
                                 </font>
                              </Label>
                              <ScrollPane fx:id="mainScrollPane" prefHeight="559.0" prefWidth="453.0">
                                <content>
                                  <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="200.0" prefWidth="200.0" />
                                </content>
                              </ScrollPane>
                           </children>
                        </VBox>
                     </children>
                  </AnchorPane>
                <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="573.0" prefWidth="364.0">
                     <children>
                        <VBox prefHeight="573.0" prefWidth="396.0" style="-fx-background-color: #e6c896;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
                     </children>
                  </AnchorPane>
              </items>
            </SplitPane>
         </center></BorderPane>
   </children>
</AnchorPane>

原答案

解决方案:程序化

实现此目的的一种方法是使用 setMaxHeight(double) 方法将 VBox 及其元素的最大高度设置为 Double.MAX_VALUE。或者,您可以在所有 VBox的children。您可以仅使用常规 for 循环或 forEach 流操作来迭代 children:

// For loop
for(Node child : yourBox.getChildren()) {
    VBox.setVgrow(child, Priority.ALWAYS);
}

// forEach stream operation (Java 8+)
yourBox.getChildren().forEach(child -> VBox.setVGrow(child, Priorty.ALWAYS));

编辑

替代解决方案:场景生成器

正如 @Panais 所建议的那样,在 Gluon 等 JavaFX“Scene Builder”类型的应用程序中,VBoxvgrow 属性可以设置为 Always,通过简单的 drop-down 菜单允许与上述相同的功能。

备选方案:XML

该用户还提到在 XML 中编辑此属性 - 在 VBox 的 XML 标记中设置 <VBox prefHeight=..., VBox.vgrow="always" />,实现与以上2个答案也是。