Java FX-FXML:将一个FXML宽度绑定到不同的FXML宽度

Question

我有一个TabPane FXML文件，当你按下按钮时，它会添加一个新的选项卡，从不同的FXML文件中获取内容。如何将选项卡的宽度绑定到选项卡窗格的宽度？

@FXML
private void makeNewTab(ActionEvent event) {
int totalTabs = selectTab.getTabs().size() - 1; // this is the TabPane
Tab newTab = new Tab();
newTab.setText("New tab" + totalTabs);
newTab.setClosable(false);
try{
newTab.setContent(FXMLLoader.load(getClass().getResource("CoreScenes/NewTabSceneFXML.fxml")));
}
catch(IOException e){
System.out.println("Failed to Load 'NewTabSceneFXML.fxml'. Unknown Error.");
}

selectTab.getTabs().add(newTab);
}

这样可以很好地增加标签，但它不适合宽度，这正是我所需要的。

编辑1:

这是一个从头开始的例子，可能是因为我在使用场景构建，但我不知道。我不需要将所有内容的大小设置为计算大小。我需要的是找出如何将子fxml文件的节点绑定到其父fxml文件节点。因此，当我调整屏幕大小时，所有内容都会调整大小，但在场景生成器中似乎不可能。

不绑定，阶段太小

当我展开屏幕时，会显示更多的子选项卡

主要FXML:

<TabPane fx:id="mainTab" prefHeight="453.0" prefWidth="499.0" tabClosingPolicy="UNAVAILABLE" xmlns="http://javafx.com/javafx/10.0.1" xmlns:fx="http://javafx.com/fxml/1"  fx:controller="testtabs.FXMLDocumentController">
<tabs>
<Tab fx:id="ranTab" text="Untitled Tab 1">
<content>
<Button fx:id="button" mnemonicParsing="false" onAction="#handleButtonAction" prefHeight="100.0" prefWidth="115.0" text="Button" />
</content>
</Tab>
</tabs>
</TabPane>

辅助FXML:

<AnchorPane id="AnchorPane" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/10.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="testtabs.FXMLTab2Controller">
<children>
<TabPane prefHeight="400.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE">
<tabs>
<Tab text="Untitled Tab 1">
<content>
<HBox prefHeight="100.0" prefWidth="200.0">
<children>
<SplitPane prefHeight="200.0" prefWidth="200.0" />
<ScrollPane prefHeight="200.0" prefWidth="200.0">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="200.0" prefWidth="200.0" />
</content>
</ScrollPane>
<ScrollPane prefHeight="200.0" prefWidth="200.0" />
</children>
</HBox>
</content></Tab>
<Tab text="Untitled Tab 2" />
</tabs>
</TabPane>
</children>
</AnchorPane>

Answer 1

问题是次要的fxml:

在没有为子级指定锚点的情况下，AnchorPane的行为就像Pane，即子级被调整为其首选大小，并保持该大小而不管AnchorPane的大小。

要更改此行为，请在辅助fxml:中指定TabPane上的那些约束

<TabPane prefHeight="400.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE" AnchorPane.leftAnchor="0" AnchorPane.rightAnchor="0" AnchorPane.topAnchor="0" AnchorPane.bottomAnchor="0">
...
</TabPane>

或者更简单地使用<TabPane>作为fxml:的根元素

<TabPane prefHeight="400.0" prefWidth="600.0" tabClosingPolicy="UNAVAILABLE" xmlns="http://javafx.com/javafx/10.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="testtabs.FXMLTab2Controller">
...
</TabPane>

---

注意：用作此TabPane内容的HBox不会将子项的大小调整为大于首选宽度的宽度，因为您没有使用默认值(NEVER(以外的hgrow属性。你也可以修复这个问题，例如总是像这样生长ScrollPane：

<HBox prefHeight="100.0" prefWidth="200.0">
<children>
<SplitPane prefHeight="200.0" prefWidth="200.0" />
<ScrollPane prefHeight="200.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
<content>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="200.0" prefWidth="200.0" />
</content>
</ScrollPane>
<ScrollPane prefHeight="200.0" prefWidth="200.0" />
</children>
</HBox>