[英]JavaFX 8 - Tabpanes and tabs with separate FXML and controllers for each tab
我希望得到一些關於在tabpane中為每個選項卡提供fx:include語句的答案。 我已經輕松地管理內容以顯示但是相關控制器類的引用方法只是給我一個nullpointerreference異常,無論我如何構造它。 包含的FXML布局的控制器既沒有構造函數也沒有初始化()方法,是否需要它們? 我嘗試了一些不同的東西,但總是得到同樣的例外。
我只是在tabpane中添加一個更改偵聽器,當按下一個選項卡時,我想填充一些帶有從全局可訪問的arraylist獲取的值的文本字段。 注意:arraylist不是問題,使用主控制器執行此操作工作正常。
我將很快添加一個代碼示例,但現在不能。 如果您需要更多信息,請告訴我,否則我會在今天晚些時候發布代碼。
*編輯,這是我的代碼示例,取自StackOverflow上的另一個線程。 JavaFX TabPane - 每個選項卡一個控制器
TestApp.java:
public class TestApp extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
Scene scene = new Scene(new StackPane());
FXMLLoader loader = new FXMLLoader(getClass().getResource("/view/MainTestWindow.fxml"));
scene.setRoot(loader.load());
MainTestController controller = loader.getController();
controller.init();
primaryStage.setScene(scene);
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
主控制器,我想引用子控制器。
public class MainTestController {
@FXML private TabPane tabPane;
// Inject tab content.
@FXML private Tab fooTabPage;
// Inject controller
@FXML private FooTabController fooTabPageController;
// Inject tab content.
@FXML private Tab barTabPage;
// Inject controller
@FXML private BarTabController barTabPageController;
public void init() {
tabPane.getSelectionModel().selectedItemProperty().addListener((ObservableValue<? extends Tab> observable,
Tab oldValue, Tab newValue) -> {
if (newValue == barTabPage) {
System.out.println("Bar Tab page");
barTabPageController.handleButton();
} else if (newValue == fooTabPage) {
System.out.println("Foo Tab page");
fooTabPageController.handleButton();
}
});
}
}
主視圖的.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.TabPane?>
<?import javafx.scene.control.Tab?>
<TabPane fx:id="tabPane" fx:controller="controller.MainTestController" xmlns="http://javafx.com/javafx/8.0.40"
xmlns:fx="http://www.w3.org/2001/XInclude">
<tabs>
<Tab fx:id="fooTabPage" text="FooTab">
<fx:include source="fooTabPage.fxml"/>
</Tab>
<Tab fx:id="barTabPage" text="BarTab">
<fx:include source="barTabPage.fxml"/>
</Tab>
</tabs>
</TabPane>
FooTab:
public class FooTabController {
@FXML private Label lblText;
public void handleButton() {
lblText.setText("Byebye!");
}
}
FooTab的.fxml:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.Button?>
<VBox xmlns:fx="http://www.w3.org/2001/XInclude" fx:controller="controller.FooTabController">
<Label fx:id="lblText" text="Helllo"/>
<Button fx:id="btnFooTab" onAction="#handleButton" text="Change text"/>
</VBox>
BarTab:
public class BarTabController {
@FXML private Label lblText;
public void handleButton() {
lblText.setText("Byebye!");
}
}
BarTab的.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.Button?>
<VBox xmlns:fx="http://www.w3.org/2001/XInclude" fx:controller="controller.BarTabController">
<Label fx:id="lblText" text="Helllo" />
<Button fx:id="btnBarTab" onAction="#handleButton" text="Change text"/>
</VBox>
上面的onAction for FooTab和BarTab都可以使用它們各自的按鈕。 當這個方法(handleButton)是來自主控制器的引用時,那就是我得到異常的時候。
要為包含的FMXL文件注入控制器,需要在<fx:include>
元素上使用fx:id
屬性。 控制器將被注入一個字段,並在fx:id
值后附加"Controller"
。
如果你想要注入實際的Tab
,你還需要一個單獨的fx:id
。
所以:
<tabs>
<Tab fx:id="fooTab" text="FooTab">
<fx:include fx:id="fooTabPage" source="fooTabPage.fxml"/>
</Tab>
<Tab fx:id="barTab" text="BarTab">
<fx:include fx:id="barTabPage" source="barTabPage.fxml"/>
</Tab>
</tabs>
和
@FXML private TabPane tabPane;
// Inject tab content.
@FXML private Tab fooTab;
// Inject controller
@FXML private FooTabController fooTabPageController;
// Inject tab content.
@FXML private Tab barTab;
// Inject controller
@FXML private BarTabController barTabPageController;
結論:示例模板“注入SubControllers”
- 上面的例子讓我非常了解注入機制。 謝謝。
- 我重新編寫了代碼,使其更加透明和清晰
- 以下代碼完整且有效
Tab1fooController.java
public class TabPaneRootController {
@FXML private TabPane tabPane;
//###################################Inject part#############################################
// Inject tab content
@FXML private Tab tab1_foo; //from TabPaneRootView.fxml: <Tab fx:id="tab1_foo" ...>
@FXML private Tab tab2_bar; //from TabPaneRootView.fxml: <Tab fx:id="tab2_bar" ...>
// Inject tab controller
@FXML private Tab1fooController xxx_tab1foo_xxxController;//TabPaneRootView.fxml_include_fx:id="xxx_tab1foo_xxx" + "Controller"
@FXML private Tab2barController xxx_tab2bar_xxxController;//TabPaneRootView.fxml_include_fx:id="xxx_tab2bar_xxx" + "Controller"
//###########################################################################################
public void init() {
tabPane.getSelectionModel().selectedItemProperty().addListener((ObservableValue<? extends Tab> observable,
Tab oldValue, Tab newValue) -> {
if (newValue == tab2_bar) {
System.out.println("- 2.Tab bar -");
System.out.println("xxx_tab2bar_xxxController=" + xxx_tab2bar_xxxController); //if =null => inject problem
xxx_tab2bar_xxxController.handleTab2ButtonBar();
} else if (newValue == tab1_foo) {
System.out.println("- 1.Tab foo -");
System.out.println("xxx_tab1foo_xxxController=" + xxx_tab1foo_xxxController); //if =null => inject problem
xxx_tab1foo_xxxController.handleTab1ButtonFoo();
} else {
System.out.println("- another Tab -");
}
});
}
}
tabPaneRootView.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Tab?
<?import javafx.scene.control.TabPane?>
<TabPane fx:id="tabPane" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="controller.TabPaneRootController">
<tabs>
<Tab fx:id="tab1_foo" text="myTab1foo">
<fx:include fx:id="xxx_tab1foo_xxx" source="tab1fooView.fxml" />
</Tab>
<Tab fx:id="tab2_bar" text="myTab2bar">
<fx:include fx:id="xxx_tab2bar_xxx" source="tab2barView.fxml" />
</Tab>
</tabs>
Tab1fooController.java
public class Tab1fooController {
@FXML private Label tab1_label_showText;
public void handleTab1ButtonFoo() {
if( tab1_label_showText.getText().equals("tab1 aaa") ) {
tab1_label_showText.setText("tab1 iii");
} else {
tab1_label_showText.setText("tab1 aaa");
}
}
}
tab1fooView.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>
<VBox xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="controller.Tab1fooController">
<Label fx:id="tab1_label_showText" text="Tab1_start" />
<Button fx:id="tab1_button_foo" onAction="#handleTab1ButtonFoo" text="tab1_button_foo" />
</VBox>
Tab2barController.java
public class Tab2barController {
@FXML private Label tab2_label_showText;
public void handleTab2ButtonBar() {
if( tab2_label_showText.getText().equals("tab2 bbb") ) {
tab2_label_showText.setText("tab2 jjj");
} else {
tab2_label_showText.setText("tab2 bbb");
}
}
}
tab2barView.fxml
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.layout.VBox?>
<VBox xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.111" fx:controller="controller.Tab2barController">
<Label fx:id="tab2_label_showText" text="Tab2_start" />
<Button fx:id="tab2_button_bar" onAction="#handleTab2ButtonBar" text="tab2_button_bar" />
</VBox>
TestApp.java
public class TestApp extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
Scene scene = new Scene(new StackPane());
FXMLLoader loader = new FXMLLoader(getClass().getResource("/view/tabPaneRootView.fxml"));
scene.setRoot(loader.load());
TabPaneRootController controller = loader.getController();
controller.init();
primaryStage.setScene(scene);
primaryStage.setTitle("Inject TabController");
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.