JavaFX TabPane-每个tab有一个控制器

Question

我刚接触外汇。我有一个有10个标签的标签面板。每个选项卡都有许多控件（图表、按钮等），我想要的是为每个选项卡分配一个控制器。SceneBuilder只允许我为整个视图分配一个控制器，我的意思是，只有顶部面板（根）有“控制器类”选项，所以我必须为一个类中的所有选项卡编写代码，这导致了一个非常大的类，很难理解和维护。也许解决方案很简单，但正如我所说，我对FX的经验很少，我也无法在网上找到类似的东西。

Answer 1

一种方法是将每个选项卡页封装到一个单独的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文件都有自己的控制器，这样逻辑就很好地分开了。

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

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

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