03LOM@M]57%N2(QIAY28A9C.png
BorderPane布局顶部，底部，左，右或中心区域中的子节点。每个区域只能有一个节点。BorderPane的顶部和底部区域允许可调整大小的节点占用所有可用宽度。
左边界区域和右边界区域占据顶部和底部边界之间的可用垂直空间。
默认情况下，所有边界区域尊重子节点的首选宽度和高度。放置在顶部，底部，左侧，右侧和中心区域中的节点的默认对齐方式如下：

  • 顶部: Pos.TOP_LEFT
  • 底部: Pos.BOTTOM_LEFT
  • 左侧: Pos.TOP_LEFT
  • 右侧: Pos.TOP_RIGHT
  • 中心: Pos.CENTER

    示例1

    将按钮添加到BorderPane，如下代码所示 ```java import javafx.application.Application; import javafx.geometry.Insets; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.BorderPane; import javafx.stage.Stage;

public class Main extends Application { public static void main(String[] args) { Application.launch(args); }

  1. @Override
  2. public void start(Stage primaryStage) {
  3.     primaryStage.setTitle("BorderPane Test");
  4.     BorderPane bp = new BorderPane();
  5.     //bp.setPadding(new Insets(10, 20, 10, 20));
  7.     Button btnTop = new Button("Top");
  8.     bp.setTop(btnTop);
  10.     Button btnLeft = new Button("Left");
  11.     bp.setLeft(btnLeft);
  13.     Button btnCenter = new Button("Center");
  14.     bp.setCenter(btnCenter);
  16.     Button btnRight = new Button("Right");
  17.     bp.setRight(btnRight);
  19.     Button btnBottom = new Button("Bottom");
  20.     bp.setBottom(btnBottom);
  22.     Scene scene = new Scene(bp, 300, 200);
  23.     primaryStage.setScene(scene);
  24.     primaryStage.show();
  25. }

}

  1. ![image.png](https://cdn.nlark.com/yuque/0/2022/png/23145762/1650305013053-2b025449-1d16-47a0-8282-e0d12a82f55b.png#clientId=ube513240-8bbf-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=231&id=u8b795fa8&margin=%5Bobject%20Object%5D&name=image.png&originHeight=289&originWidth=377&originalType=binary&ratio=1&rotation=0&showTitle=false&size=8759&status=done&style=shadow&taskId=u8bec5b19-3212-4bf2-969a-9882eb5622f&title=&width=301.6)
  2. <a name="JLaMZ"></a>
  3. ## 示例2
  4. ```java
  5. package com.javafx03;
  7. import javafx.application.Application;
  8. import javafx.scene.Scene;
  9. import javafx.scene.control.Button;
  10. import javafx.scene.layout.Background;
  11. import javafx.scene.layout.BorderPane;
  12. import javafx.scene.paint.Color;
  13. import javafx.stage.Stage;
  15. public class JavaFx07 extends Application {
  16.     @Override
  17.     public void start(Stage stage) {
  19.         BorderPane borderPane = new BorderPane();
  20.         borderPane.setBackground(Background.fill(Color.GRAY));
  22.         borderPane.setTop(new Button("TOP"));
  23.         borderPane.setLeft(new Button("LEFT"));
  24.         borderPane.setRight(new Button("RIGHT"));
  25.         borderPane.setCenter(new Button("Center"));
  26.         borderPane.setBottom(new Button("Bottom"));
  28.         Scene scene = new Scene(borderPane,300,300);
  30.         stage.setScene(scene);
  31.         stage.show();
  32.     }
  34.     public static void main(String[] args) {
  35.         launch(args);
  36.     }
  37. }

image.png

复杂布局

  1. package com.javafx03;
  3. import javafx.application.Application;
  4. import javafx.geometry.Insets;
  5. import javafx.geometry.Pos;
  6. import javafx.scene.Scene;
  7. import javafx.scene.control.Button;
  8. import javafx.scene.control.Hyperlink;
  9. import javafx.scene.layout.*;
  10. import javafx.scene.paint.Color;
  11. import javafx.scene.text.Font;
  12. import javafx.scene.text.FontWeight;
  13. import javafx.scene.text.Text;
  14. import javafx.stage.Stage;
  16. public class JavaFx08 extends Application {
  17.     @Override
  18.     public void start(Stage stage) {
  20.         BorderPane borderPane = new BorderPane();
  21.         borderPane.setBackground(Background.fill(Color.GRAY));
  23.         HBox top = new HBox();
  24.         top.setBackground(Background.fill(Color.BLUE));
  25.         top.setMinHeight(60);
  27.         Text text = new Text("Welcome 进销存");
  28.         text.setFont(Font.font("宋体", FontWeight.BOLD,20));
  29.         top.setAlignment(Pos.CENTER);
  31.         top.getChildren().add(text);
  32.         borderPane.setTop(top);
  34.         VBox left = new VBox(10);
  35.         left.setPadding(new Insets(10));
  36.         left.setBackground(Background.fill(Color.PINK));
  37.         left.setMinWidth(100);
  38.         Button system = new Button("系统设置");
  39.         left.getChildren().addAll(system,new Button("商品管理"),new Button("关于我们"),new Button("联系我们"));
  41.         borderPane.setLeft(left);
  43.         GridPane gridPane = new GridPane();
  44.         gridPane.setBackground(Background.fill(Color.RED));
  45.         gridPane.setMinWidth(400);
  46.         gridPane.setMinHeight(240);
  48.         borderPane.setCenter(gridPane);
  49.         //borderPane.setRight(new Button("RIGHT"));
  51.         system.setOnAction(e->{
  52.             gridPane.setBackground(Background.fill(Color.BLACK));
  53.         });
  55.         HBox buttom = new HBox(10);
  56.         buttom.setPadding(new Insets(10));
  57.         buttom.setAlignment(Pos.CENTER);
  59.         buttom.getChildren().addAll(new Button("系统设置"),new Button("商品管理"),new Button("关于我们"),new Button("联系我们"));
  61.         borderPane.setBottom(buttom);
  63.         Scene scene = new Scene(borderPane,600,400);
  65.         stage.setScene(scene);
  66.         stage.show();
  67.     }
  69.     public static void main(String[] args) {
  70.         launch(args);
  71.     }
  72. }

Video_2022-04-27_004131.wmv (197.48KB)

实例 - 菜单导航栏宽度是屏幕宽度

使用场景绑定BorderPane宽度和高度

  1. import javafx.application.Application;
  2. import javafx.event.ActionEvent;
  3. import javafx.event.EventHandler;
  4. import javafx.scene.Group;
  5. import javafx.scene.Scene;
  6. import javafx.scene.control.Menu;
  7. import javafx.scene.control.MenuBar;
  8. import javafx.scene.control.MenuItem;
  9. import javafx.scene.layout.BorderPane;
  10. import javafx.scene.paint.Color;
  11. import javafx.stage.Stage;
  13. public class Main extends Application {
  15.     public static void main(String[] args) {
  16.         Application.launch(args);
  17.     }
  19.     @Override
  20.     public void start(Stage primaryStage) {
  21.         primaryStage.setTitle("Title");
  22.         Group root = new Group();
  23.         Scene scene = new Scene(root, 400, 250, Color.WHITE);
  25.         MenuBar menuBar = new MenuBar();
  26.         EventHandler<ActionEvent> action = changeTabPlacement();
  28.         Menu menu = new Menu("Direction");
  29.         MenuItem left = new MenuItem("Left");
  31.         left.setOnAction(action);
  32.         menu.getItems().add(left);
  34.         MenuItem right = new MenuItem("Right");
  35.         right.setOnAction(action);
  36.         menu.getItems().add(right);
  38.         MenuItem top = new MenuItem("Top");
  39.         top.setOnAction(action);
  40.         menu.getItems().add(top);
  42.         MenuItem bottom = new MenuItem("Bottom");
  43.         bottom.setOnAction(action);
  44.         menu.getItems().add(bottom);
  46.         menuBar.getMenus().add(menu);
  48.         BorderPane borderPane = new BorderPane();
  50.         borderPane.prefHeightProperty().bind(scene.heightProperty());
  51.         borderPane.prefWidthProperty().bind(scene.widthProperty());
  53.         borderPane.setTop(menuBar);
  55.         root.getChildren().add(borderPane);
  57.         primaryStage.setScene(scene);
  58.         primaryStage.show();
  59.     }
  61.     private EventHandler<ActionEvent> changeTabPlacement() {
  62.         return new EventHandler<ActionEvent>() {
  64.             public void handle(ActionEvent event) {
  65.                 MenuItem mItem = (MenuItem) event.getSource();
  66.                 String side = mItem.getText();
  67.                 if ("left".equalsIgnoreCase(side)) {
  68.                     System.out.println("left");
  69.                 } else if ("right".equalsIgnoreCase(side)) {
  70.                     System.out.println("right");
  71.                 } else if ("top".equalsIgnoreCase(side)) {
  72.                     System.out.println("top");
  73.                 } else if ("bottom".equalsIgnoreCase(side)) {
  74.                     System.out.println("bottom");
  75.                 }
  76.             }
  77.         };
  78.     }
  79. }

image.png