javafx-8 - 如何在 JavaFX 中通过单击按钮替换场景组件

Question

我是 JavaFX 新手，在单击按钮时仅更改场景的一个组件，而场景的其他组件保持不变，这让我很困难。 我有一个包含 2 个分区的 splitpane。一个部分包含一个带按钮的 HBox，另一部分包含一个 VBox。如何根据单击的按钮替换 VBox？预先感谢，下面是我的示例代码:

public class ShoolLibrary extends Application {
    BorderPane b_pane;
    SplitPane common;
    Scene scene; 

    @Override
    public void start(Stage primaryStage) {

        primaryStage.setTitle("The Library");
        b_pane = new BorderPane();

        common = commonGround();

        b_pane.setCenter(common);

        scene = new Scene(b_pane, 700, 480);
        primaryStage.setScene(scene);

        primaryStage.show();
    } 
     //Main Content 
     private SplitPane commonGround(){
         HBox hb = new HBox(); //Holds Buttons for Action
         VBox vb = new VBox(); //This should change depending on button click

            Button btn1 = new Button("library profile");
            Button btn2 = new Button("Books");
            Button btn3 = new Button("Members");

            //Button Action
            btn1.setOnAction(actionEvent -> /*Replace vb with profile()*/);
            btn2.setOnAction(actionEvent -> /*Replace vb with books()*/);
            btn2.setOnAction(actionEvent -> /*Replace vb with members()*/));

            hb.getChildren().addAll(btn1,btn2,btn3);

            SplitPane sp = new SplitPane();
            sp.setOrientation(Orientation.HORIZONTAL);

            sp.getItems().addAll(hb,vb);

            return sp;
    }

    private VBox profile(){
         txt = new Text("Inside library profile");
            VBox vbx1 = new VBox();
            vbx1.getChildren().add(txt);
            return vbx1;
    }
    private VBox books(){
         txt = new Text("Inside books");
            VBox vbx1 = new VBox();
            vbx1.getChildren().add(txt);
            return vbx1;
    }
    private VBox members(){
         txt = new Text("Inside Members");
            VBox vbx1 = new VBox();
            vbx1.getChildren().add(txt);
            return vbx1;
    }

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

}

Answer 1

使用包装 Pane 来放置 vBox 怎么样？

Pane wrapperPane = new Pane();

sp.getItems().addAll(hb, wrapperPane);

然后:

VBox library = profile()
btn1.setOnAction(actionEvent -> 
     wrapperPane.getChildren().clear(); 
     wrapperPane.getChildren().add( library );
);

VBox books = books()
btn2.setOnAction(actionEvent -> 
     wrapperPane.getChildren().clear(); 
     wrapperPane.getChildren().add( books );
);

等等...