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”类型的应用程序中,VBox
的 vgrow
属性可以设置为 Always
,通过简单的 drop-down 菜单允许与上述相同的功能。
备选方案:XML
该用户还提到在 XML 中编辑此属性 - 在 VBox
的 XML 标记中设置 <VBox prefHeight=..., VBox.vgrow="always" />
,实现与以上2个答案也是。
可能是一个非常简单的问题,但我一直没弄明白。
我在 VBox 和 SplitPane 中有一个 ScrollPane(feat.Label):
(完整的 fxml 文件在底部)
当您水平展开 window 或拆分窗格分隔符时,Vbox 会自动拉伸以适合,标签会适当地重新居中,并且滚动窗格会展开以适合 vbox。 垂直扩展时不会发生这种情况,我希望如此。我怎样才能做到这一点?如果我应该使用其他容器,请告诉我。
如果有帮助,我的烦恼的GIF:
<?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”类型的应用程序中,VBox
的 vgrow
属性可以设置为 Always
,通过简单的 drop-down 菜单允许与上述相同的功能。
备选方案:XML
该用户还提到在 XML 中编辑此属性 - 在 VBox
的 XML 标记中设置 <VBox prefHeight=..., VBox.vgrow="always" />
,实现与以上2个答案也是。