Question

我正在尝试在javafx中创建一个面板，并且我习惯将边框窗格作为主场景。中心面板有4个窗口（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
        }

    }

Answer 1

您需要为每个菜单按钮设置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);
    }
}

Answer 2

我改变了左侧面板中的按钮点击方法;

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

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

2 个答案: