如何使用FXML在JavaFX中动态创建选项卡？

Question

如何使用JavaFX/FXML创建新选项卡？我在我的FXML中创建了一个tabpane，但我想单击一个导致新标签出现的按钮。

这里是我的FXML：

<?import javafx.scene.effect.*?> 
<?import javafx.scene.text.*?> 
<?import javafx.scene.layout.*?> 
<?import java.lang.*?> 
<?import javafx.scene.control.*?> 


<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller"> 
<top> 
     <MenuBar BorderPane.alignment="CENTER"> 
     <menus> 
      <Menu mnemonicParsing="false" text="File"> 
      <items> 
      <MenuItem mnemonicParsing="false" text="New..." onAction="#btnNew"/> 
      <MenuItem mnemonicParsing="false" text="Save..." /> 
      <MenuItem mnemonicParsing="false" text="Save As..." /> 
      <MenuItem mnemonicParsing="false" text="Open..." /> 
      <MenuItem mnemonicParsing="false" text="Close" /> 

     </items> 
     </Menu> 
     <Menu mnemonicParsing="false" text="Help"> 
     <items> 
      <MenuItem mnemonicParsing="false" text="About Blank" onAction="#btnAbout"/> 
     </items> 
     </Menu> 
    </menus> 
    </MenuBar> 
</top> 
<center> 
    <TabPane prefHeight="200.0" prefWidth="200.0" tabClosingPolicy="UNAVAILABLE" BorderPane.alignment="CENTER" fx:id="tabPane"> 
    <tabs> 
     <Tab text="Untitled Tab 1"> 
      <content> 
       <AnchorPane> 
       <children> 
        <TextFlow maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" /> 
       </children> 
       </AnchorPane> 
      </content> 
     </Tab> 
    </tabs> 
    </TabPane> 

这里是我的代码，我想现在在我的控制器：

package sample; 

import javafx.event.ActionEvent; 
import javafx.fxml.FXML; 
import javafx.fxml.Initializable; 
import javafx.scene.control.*; 
import java.net.URL; 
import java.util.ResourceBundle; 


public class Controller implements Initializable { 
@FXML 
private Button btnAbout; 
@FXML 
private Button btnNew; 
@FXML 
private TabPane tabPane; 

//tab array 
int intTabs = 0; 
Tab[] openTabs; 

@FXML 
private void btnNew(ActionEvent event){ 
    try{ 
     intTabs++; 
     openTabs = new Tab[intTabs]; 
     //System.out.println(openTabs.length); 
     tabAdder(intTabs, openTabs); 
    }catch(Exception e){ 
     e.printStackTrace(); 
    } 

} 

private TabPane tabAdder(int tabNum, Tab[] tabs){ 
    //System.out.println(tabNum); 
    tabPane.getTabs().add(tabs[tabNum]); 
    return tabPane; 
} 

@FXML 
private void btnAbout(ActionEvent event){ 
    Alert alert = new Alert(Alert.AlertType.INFORMATION); 
    alert.setTitle("Blank: Information"); 
    alert.setHeaderText(null); 
    alert.setContentText("This is Blank, a simple and soon to be elegant cross platform text editor."); 
    alert.showAndWait(); 
} 


public void initialize(URL url, ResourceBundle rb){ 
    //tabPane.getTabs().add 

} 

}

我我不确定我一直在经历什么问题h一堆资源，我知道如何添加常规选项卡。

我知道，如果我做这样的标签：

Tab fapTab = new Tab(); 

我可以这样添加：

tabPane.getTabs().add(fapTab); 

但我要动态地创建他们，因为我不知道如何我的用户想要的许多选项卡。所以我的方法是创建一个标签数组，当用户点击“新建”时会变得更大，然后有一个将新标签添加到gui的函数。它不工作，我尝试了几种不同的方法，使人们的代码适合我自己的代码。

所以我的问题是没有人知道我做错了什么？

下面是其中的一些来源： javafx open a new fxml file in new tab dynamically http://javafx-albert-af77.blogspot.com/2012/06/tabs-fxml.html https://www.youtube.com/watch?v=NhoiSMk3f5U

Answer 1

您已经给出了答案：只要创建一个新的标签，并将其添加到选项卡窗格：

Tab tab = new Tab(); 
tabPane.getTabs().add(tab); 

完整的示例：

AddTabsExample.fxml：

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

<?import javafx.scene.layout.BorderPane?> 
<?import javafx.scene.control.TabPane?> 
<?import javafx.scene.layout.HBox?> 
<?import javafx.scene.control.Button?> 

<BorderPane xmlns:fx="http://javafx.com/fxml/1" 
    fx:controller="AddTabsController"> 
    <center> 
     <TabPane fx:id="tabPane" /> 
    </center> 
    <bottom> 
     <HBox alignment="center"> 
      <Button text="Add tab" onAction="#addTab" /> 
      <Button text="List tabs" onAction="#listTabs" /> 
     </HBox> 
    </bottom> 
</BorderPane> 

AddTabsController.java：

import javafx.fxml.FXML; 
import javafx.scene.control.Tab; 
import javafx.scene.control.TabPane; 

public class AddTabsController { 

    @FXML 
    private TabPane tabPane ; 

    public void initialize() { 
     tabPane.getTabs().add(new Tab("Tab 1")); 
    } 

    @FXML 
    private void addTab() { 
     int numTabs = tabPane.getTabs().size(); 
     Tab tab = new Tab("Tab "+(numTabs+1)); 
     tabPane.getTabs().add(tab); 
    } 

    @FXML 
    private void listTabs() { 
     tabPane.getTabs().forEach(tab -> System.out.println(tab.getText())); 
     System.out.println(); 
    } 
} 

应用（AddTabsExample.java）：

import javafx.application.Application; 
import javafx.fxml.FXMLLoader; 
import javafx.scene.Scene; 
import javafx.scene.layout.BorderPane; 
import javafx.stage.Stage; 

public class AddTabsExample extends Application { 

    @Override 
    public void start(Stage primaryStage) throws Exception { 
     BorderPane root = FXMLLoader.load(getClass().getResource("AddTabsExample.fxml")); 
     primaryStage.setScene(new Scene(root, 800, 600)); 
     primaryStage.show(); 
    } 

    public static void main(String[] args) { 
     launch(args); 
    } 
} 

Answer 2

使用这个代替。你必须@Override初始化方法：

@Override 
    public void initialize(URL location, ResourceBundle resources) { 
     tabPane.getTabs().add(new Tab("Tab 1")); 
     } 

    //Not this: 
    public void initialize() { 
      tabPane.getTabs().add(new Tab("Tab 1")); 
     }