Question

我是JavaFX的新手，我没有找到任何有关此事的教程/答案。

所以基本上我想要做的只是改变场景的一部分。我想在顶部保留一个静态菜单栏，只根据单击的菜单按钮更改底部。这意味着我需要为每个“页面”使用不同的FXML文件和Controller类。

查看可用的JavaFX功能，我认为SubScene可以完成这项工作。但经过进一步调查后，似乎SubScenes是为3D制作的？所以我真的不知道自己应该做些什么。

非常感谢任何帮助！

Answer 1

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

这是基本观点。在mainView中，加载了不同的视图（默认为view_a.fxml），并从视图＆gt;中进行了更改。显示视图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>

控制器本身并不特别。它只是将一个“.fxml”添加到所选选项的ID中，加载带有结果名称的FXML文件，并将其放入mainView中心

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

JavaFX / SceneBuilder - 仅更改场景的一部分

1 个答案: