如何在 javaFx borderPane 中从 LeftPane 更改 CenterPane?

How to change CenterPane from LeftPane in javaFx borderPane?

我正在尝试在 javafx 中制作一个面板,并且我习惯于将边框面板作为主要场景。中心面板有4个windows(main1, main2, main3,main4),左侧面板有导航菜单。

borderPane.setCenter(mainMenu1.getCenterMain1UI());
//borderPane.setCenter(mainMenu2.getCenterMain2UI());
//borderPane.setCenter(mainMenu3.getCenterMain3UI());
//borderPane.setCenter(mainMenu4.getCenterMain4UI());


public BorderPane getAppWindow(){

    if (borderPane == null){

        borderPane = new BorderPane();
        borderPane.setTop(topPanel.getTopPanelUI());
        borderPane.setBottom(bottomPanel.getBottomPanelUI());
        borderPane.setLeft(leftPanel.getLeftPanelUI());

        borderPane.setCenter(mainMenu.getCenterMainUI());
        borderPane.setAlignment(borderPane.getCenter(), Pos.TOP_LEFT);

    }

    return borderPane;
}

在左侧面板控制器中

 public class LeftPanelController {

        public VBox leftPanelPane;

        public Button btnLeftPanelMainmenu;
        public Button btnLeftPanelDb;
        public Button btnLeftPanelOfficeInfo;
        public Button btnLeftPanelConfiguration;



        public void btnLeftPanelMainmenuOnClickAction(ActionEvent e){
            change border pane center to main
        }

        public void btnLeftPanelDbOnClickAction(ActionEvent e){
            change border pane center to DB
        }

        public void btnLeftPanelOfficeInfoOnClickAction(ActionEvent e){
            change border pane center to DB
        }

        public void btnLeftPanelConfigurationOnClickAction(ActionEvent e){
            change border pane center to configuration
        }

    }

您需要为每个菜单按钮设置 on action 事件,以便它更改 BorderPane 中心显示的内容。

这是一个例子:

import java.util.LinkedHashMap;
import java.util.Map;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class BorderPaneExample extends Application {

    private Map<String, Node> menuOptions;
    private Node defaultCenterNode = new Label("Example node 1");

    @Override
    public void start(Stage primaryStage) throws Exception {

        menuOptions = new LinkedHashMap<>();  
        menuOptions.put("Main Menu", defaultCenterNode);
        menuOptions.put("History", new Label("Example node 2"));
        menuOptions.put("Office Info", new Label("Example node 3"));
        menuOptions.put("Configuration", new Label("Example node 4"));
        BorderPane root = new BorderPane();
        root.setCenter(defaultCenterNode);
        VBox menuLayout = new VBox();

        for (String key : menuOptions.keySet()) {
            Button button = new Button(key);
            button.setMaxWidth(Double.MAX_VALUE);
            button.setOnAction(new EventHandler<ActionEvent>() {

                @Override
                public void handle(ActionEvent event) {
                    root.setCenter(menuOptions.get(key));
                }
            });
            menuLayout.getChildren().add(button);
        }

        root.setLeft(menuLayout);

        Scene scene = new Scene(root, 800, 600);

        primaryStage.setScene(scene);
        primaryStage.setTitle("BorderPane Example");
        primaryStage.setResizable(false);
        primaryStage.sizeToScene();
        primaryStage.show();

    }

    public static void main(String[] args) {
        launch(args);
    }
}

我像这样更改了左侧面板中的按钮点击方法;

    public void btnLeftPanelMainmenuOnClickAction(ActionEvent e) {
        AppWindow.borderPane.setCenter(AppWindow.mainMenu.getCenterMainUI());
    }

    public void btnLeftPanelDbOnClickAction(ActionEvent e) {
        AppWindow.borderPane.setCenter(AppWindow.dbMenu.getCenterDbUI());
    }

    public void btnLeftPanelConfigurationOnClickAction(ActionEvent e) {
        AppWindow.borderPane.setCenter(AppWindow.configMenu.getCenterConfigurationUI());
    }