User interface JavaFX：如何使用SceneBuilder在选项卡窗格中创建5倍相同的选项卡，而无需5倍的工作？

如何使用SceneBuilder创建5倍相同的选项卡窗格，而无需5倍的工作

• 一个窗口包含5个相同的选项卡窗格，其中包含许多复杂的GUI组件
• 我还想使用SceneBuilder设计窗口/选项卡
• 尽管只有fx:id和handle方法，但如何避免使用SceneBuilder设计5倍相同的选项卡窗格 名称稍有不同，例如：
  TabPane0:tab0\u textField\u inputValue
  TabPane1:tab1\u textField\u inputValue
  TabPane2:tab2\u textField\u inputValue
  等等

解决方案：

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

---

您通常创建一个只包含一个

选项卡窗格的fxml，并使用
多次使用此fxml：

tabpane.fxml


...

包含布局


...

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

谢谢你的帮助。我的解决方案如下：

-我多次使用TabView.fxml进行输入

-只要用户单击选项卡，就必须为每个选项卡分配一个唯一的选项卡ID

-以下代码已完成并正在运行

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);
    }   
}

TabPaneRootController.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 + "'");
        }
    }       
}

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>




谢谢。与其使用“source=“@tabpane.fxml”，不如使用“source=”tabpane.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>

<?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>