JavaFX:如何使用SceneBuilder在TabPane中创建5个相同的选项卡，而不需要5个工作

Question

如何使用SceneBuilder创建5倍相同的TabPane，而不需要5倍的工作？

• 一个窗口包含5个相同的TabPane，其中包含许多复杂的GUI组件
• 我还想使用SceneBuilder来设计窗口/选项卡
• 我如何才能避免使用SceneBuilder设计5倍相同的TabPane，尽管只有fx:id和handle方法名称略有不同，例如：
  选项卡窗格0:tab0_textField_inputValue
  面板窗格1:tab1_textField_inputValue
  表格窗格2:tab2_textField_input Value
  etc

解决方案：

• 只需使用SceneBuilder设计一个TabPane
• 但是，如何将这个"主"选项卡窗格复制4倍，从而自动调整变量/方法名称
• 复制应该是自动的，因为我经常需要它(在每个GUI开发步骤或"主"选项卡的校正/调整)
• 是否已经有一个工具可以相应地自动扩展FXML文件

Answer 1

您通常创建一个只包含单个TabPane的fxml，并使用<fx:include>:多次使用此fxml

选项卡.fxml

<TabPane xmlns:fx="http://javafx.com/fxml/1" fx:controller="mapackage.TabPaneController">
...
</TabPane>

包含布局

<VBox xmlns:fx="http://javafx.com/fxml/1" fx:controller="mapackage.RootController">
<children>
<fx:include fx:id="tabPane1" source="@tabpane.fxml" />
<fx:include fx:id="tabPane2" source="@tabpane.fxml" />
...
</children>
</VBox>

public class RootController {
@FXML
private TabPaneController tabPane1Controller;
@FXML
private TabPaneController tabPane2Controller;
...
}

当然，您应该确保TabPaneController包含适当的方法来访问您需要从RootController访问的功能。。。

Answer 2

解决方案：
感谢您的帮助。我的解决方案如下：
-我多次使用TabView.fxml进行输入
-一旦用户单击选项卡，每个选项卡都必须分配一个唯一的tabId
–以下代码已完成并正在工作

Main.java

public class Main extends Application { 
@Override
public void start(Stage primaryStage) throws Exception {
Scene scene = new Scene(new AnchorPane());
FXMLLoader loader = new FXMLLoader(getClass().getResource("tabPaneRootView.fxml"));
scene.setRoot(loader.load());
TabPaneRootController controller = loader.getController();
controller.myInit(); //my init-Methode 
primaryStage.setScene(scene);
primaryStage.setTitle("I'm Tab x"); 
primaryStage.show();
}
public static void main(String[] args) {            
launch(args);
}   
}

选项卡窗格根控制器.java

public class TabPaneRootController {    
@FXML private TabPane tabPane;
//################################# Inject SubController ################################## 
//Inject tab controller
@FXML private TabController xxx_tab1_xxxController; //TabPaneRootView.fxml_include_fx:id="xxx_tab_xxx" + "Controller"
@FXML private TabController xxx_tab2_xxxController;
//#########################################################################################
public void myInit() {      
tabPane.getSelectionModel().selectedItemProperty().addListener((ObservableValue<? extends Tab> observable,
Tab oldValue, Tab newValue)->{
preparationInitTab(newValue);                   
});
}
public void preparationInitTab(Tab selectedTab) {
String currentTabId_string = selectedTab.getId();
String[] parts = currentTabId_string.split("_");
int currentTabId = Integer.parseInt(parts[1]); 
switch(currentTabId) {
case 1:
xxx_tab1_xxxController.initTab(currentTabId);
break;
case 2:
xxx_tab2_xxxController.initTab(currentTabId);
break;
default:
System.out.println("Warning: Select an unassigned tab='" + currentTabId + "'");
}
}       
}

选项卡Controller.java

public class TabController {    
private int tabId = -9; //is the ID of the currently selected tab
@FXML private TextField tab_textField_currentTabName;
@FXML private TextField tab_textField01_costPosition1;
public void initTab(int currentTabId) {
System.out.println(">TabController::initTab() with currentTabId=" + currentTabId);
this.tabId = currentTabId;      
tab_textField_currentTabName.setText(String.valueOf(tabId));
}
//----------------- FXML-Methoden --------------------------    
@FXML
private void handleTabTextFieldCostPosition1() {
System.out.println("costPosition1[" + tabId + "]=" + tab_textField01_costPosition1.getText());
}
@FXML
private void handleExit() {     
Platform.exit();
}
}

tabPaneRootView.fxml

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.Tab?>
<?import javafx.scene.control.TabPane?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="de.myapp.TabPaneRootController">
<children>
<TabPane fx:id="tabPane" tabClosingPolicy="UNAVAILABLE">
<tabs>
<Tab fx:id="tabId_0" text="Tab0">
<content>
<AnchorPane prefHeight="200.0" prefWidth="200.0">
<children>
<Label layoutX="10.0" layoutY="30.0" text="general information ..." />
</children>
</AnchorPane>
</content>
</Tab>
<Tab fx:id="tabId_1" text="Tab1">
<content>
<fx:include source="tabView.fxml" fx:id="xxx_tab1_xxx" />
</content>
</Tab>
<Tab fx:id="tabId_2" text="Tab2">
<content>
<fx:include source="tabView.fxml" fx:id="xxx_tab2_xxx" />             
</content>
</Tab>
</tabs>
</TabPane>
</children>
</AnchorPane>

tabView.fxml

<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>
<AnchorPane prefHeight="200.0" prefWidth="400.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="de.myapp.TabController">
<children>
<Label layoutX="10.0" layoutY="40.0" text="I'm Tab Index:"> </Label>
<TextField fx:id="tab_textField_currentTabName" editable="false" layoutX="107.0" layoutY="35.0" prefWidth="30.0" />
<Button alignment="CENTER" contentDisplay="CENTER" layoutX="185.0" mnemonicParsing="false" onAction="#handleExit" text="Exit" AnchorPane.bottomAnchor="10.0"> </Button>
<Label layoutX="10.0" layoutY="90.0" text="costPosition1 in € =" />
<TextField fx:id="tab_textField01_costPosition1" alignment="CENTER_RIGHT" layoutX="150.0" layoutY="85.0" onKeyReleased="#handleTabTextFieldCostPosition1" prefWidth="150.0" promptText="input an int value" />
</children>
</AnchorPane>

-目录结构
-示例启动