JavaFX TabPane - 每个选项卡一个控制器

我是 Fx 新手。我有一个带有 10 个选项卡的 TabPanel。每个选项卡都有很多控件（图表、按钮等），我想要的是为每个选项卡分配一个控制器。 SceneBuilder 只让我为整个视图分配一个控制器，我的意思是，只有顶部面板（根）具有“控制器类”选项，所以我必须为一个类中的所有选项卡编写代码，如下所示需要，导致类非常大并且难以理解和维护。 也许解决方案非常简单，但正如我所说，我对 FX 的经验很少，而且我无法在网络上找到类似的东西。

任何想法？谢谢。

一种方法是将每个选项卡页封装到一个单独的 FXML 文件中，并使用其自己的关联控制器类。

然后在主选项卡控件的 FXML 文件中，您可以执行如下操作：

<TabPane fx:controller="com.foo.MainController">
    <tabs>
        <Tab text="Untitled Tab 1">
            <content>
                <fx:include fx:id="fooTabPage" source="fooTabPage.fxml"/>
            </content>
        </Tab>
        <Tab text="Untitled Tab 2">
            <content>
                <fx:include fx:id="barTabPage" source="barTabPage.fxml"/>
            </content>
        </Tab>
    </tabs>
</TabPane>

请注意，我没有直接嵌入内容，而是使用fx:include指令告诉FXMLLoader加载正在引用的 FXML 文件。用于页面内容的各个 FXML 文件都将拥有自己的控制器，以便很好地分离逻辑。

如果您需要与主控制器中的子页面或子控制器进行交互，那么您可以像引用任何其他 FXML 控件一样引用它们来注入它们。

public class MainController {
    // Inject tab content.
    @FXML private FooTabPage fooTabPage;
    // Inject controller
    @FXML private FooTabController fooTabPageController;

    // Inject tab content.
    @FXML private BarTabPage barTabPage;
    // Inject controller
    @FXML private BarTabController barTabPageController;
}

如果您有大量页面（每个页面都有大量自己的控件），另一种方法是将每个选项卡留空，加载主视图后，将相关页面加载到控件中。

您需要监听选项卡更改以切换内容并添加相关代码来加载/卸载用于选项卡页面内容的视图。

如果您发现性能问题，我建议从第一种方法开始，然后重构以使用第二种方法。