JavaFX/SceneBuilder-只更改部分场景

Question

所以基本上我想做的是改变我的场景的一部分。我想保持一个静态菜单栏在顶部，只改变底部的部分根据哪个菜单按钮正在被点击。这意味着每个“页面”都需要不同的FXML文件和控制器类。

看看可用的JavaFX特性，我认为SubScene可以完成这项工作。但经过进一步的调查，似乎子场景是为3D东西制作的？所以我真的不知道我该做什么。

任何帮助都将不胜感激！

Answer 1

改变场景的部分很容易。在主场景中，您放置了一个容器，在其中动态加载不同的视图。下面是一个关于一般“静态”菜单的描述的示例：

这是基本观点。在MainView中，将加载不同的视图（默认为view_a.fxml)，并从View>Show View X菜单中进行更改。我为各个menuitem分配的ID是要加载的fxml文件的名称。

<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.141" 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="Close" />
                    </items>
                </Menu>
                <Menu mnemonicParsing="false" text="View">
                    <items>
                        <MenuItem fx:id="view_a" mnemonicParsing="false" text="Show View A" onAction="#handleChangeView"/>
                        <MenuItem fx:id="view_b" mnemonicParsing="false" text="Show View B" onAction="#handleChangeView"/>
                    </items>
                </Menu>
            </menus>
        </MenuBar>
    </top>
    <center>
        <BorderPane fx:id="mainView">
            <center>
                <fx:include source="view_a.fxml"/>
            </center>
        </BorderPane>
    </center>
</BorderPane>

这是其中一个视图(view_a.fxml)。另一个也一样，我就不展示了。在这些视图中，有趣的是，我没有指定控制器，因为我以后会在主框架上使用控制器（这对小的事情很好，但对于大的项目，使用不同的控制器更好）。

<AnchorPane xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml">
    <children>
        <Label text="View A"/>
    </children>
</AnchorPane>

public class Controller {
    @FXML
    private BorderPane mainView;

    @FXML
    private void handleChangeView(ActionEvent event) {
        try {
            String menuItemID = ((MenuItem) event.getSource()).getId();

            FXMLLoader loader = new FXMLLoader(getClass().getResource(menuItemID + ".fxml"));
            loader.setController(this);

            mainView.setCenter(loader.load());
        }
        catch (IOException e) {
            e.printStackTrace();
        }
    }
}