javaFx页面布局介绍 javafx界面

JavaFX中，有多种布局管理器可用于创建和排列用户界面的控件。每种布局管理器都有其自己的特点和用途。以下是几种常用的布局管理器及其使用场景和示例：

1. VBox（垂直布局）：VBox布局按垂直方向依次排列其子节点。适用于需要垂直排列的场景，如垂直菜单、表单等。

使用示例：

VBox vbox = new VBox();
vbox.getChildren().addAll(new Label("Label 1"), new Button("Button 1"), new TextField("Text Field 1"));

2. HBox（水平布局）：HBox布局按水平方向依次排列其子节点。适用于需要水平排列的场景，如工具栏、按钮组等。

使用示例：

HBox hbox = new HBox();
hbox.getChildren().addAll(new Label("Label 1"), new Button("Button 1"), new TextField("Text Field 1"));

3. BorderPane（边框布局）：BorderPane布局将子节点放置在顶部、底部、左侧、右侧和中心的不同区域。适用于需要将界面划分为不同区域的场景，如主页面布局。

使用示例：

BorderPane borderPane = new BorderPane();
borderPane.setTop(new Label("Top"));
borderPane.setLeft(new Button("Left"));
borderPane.setCenter(new TextField("Center"));
borderPane.setRight(new Button("Right"));
borderPane.setBottom(new Label("Bottom"));

4. FlowPane（流式布局）：FlowPane布局按照水平或垂直方向自动调整子节点的位置。适用于需要自动调整子节点位置的场景，如标签云、图片墙等。

使用示例：

FlowPane flowPane = new FlowPane();
flowPane.getChildren().addAll(new Label("Label 1"), new Button("Button 1"), new TextField("Text Field 1"));

5. GridPane（网格布局）：GridPane布局将子节点按照网格的形式排列。适用于需要将子节点以网格形式排列的场景，如表格、表单等。

使用示例：

GridPane gridPane = new GridPane();
gridPane.add(new Label("Label 1"), 0, 0);
gridPane.add(new Button("Button 1"), 1, 0);
gridPane.add(new TextField("Text Field 1"), 0, 1);

6.StackPane（堆叠布局）：StackPane布局将子节点堆叠在一起，只显示最上面的节点。适用于需要将多个控件叠加在一起的场景，如图层效果、弹出窗口等。

使用示例：

StackPane stackPane = new StackPane();
stackPane.getChildren().addAll(new Label("Label 1"), new Button("Button 1"), new TextField("Text Field 1"));

7. TilePane（平铺布局）：TilePane布局将子节点按照平铺方式排列，可以指定每行或每列显示的控件数量。适用于需要将控件按照平铺方式排列的场景，如照片墙、图标列表等。

使用示例：

TilePane tilePane = new TilePane();
tilePane.setPrefColumns(3); // 每行显示3个控件
tilePane.getChildren().addAll(new Label("Label 1"), new Button("Button 1"), new TextField("Text Field 1"));

8. FlowGridPane（流式网格布局）：FlowGridPane布局结合了FlowPane和GridPane的特性，可以按照网格布局的方式自动调整子节点的位置。适用于需要自动调整子节点位置且具有表格形式的场景。

使用示例：

FlowGridPane flowGridPane = new FlowGridPane();
flowGridPane.addRow(0, new Label("Label 1"), new Button("Button 1"));
flowGridPane.addRow(1, new TextField("Text Field 1"));

9. Accordion（手风琴布局）：Accordion布局将多个面板组合在一起，只展开一个面板，其他面板折叠起来。适用于需要展示多个面板且只展开一个的场景，如设置面板、菜单等。

使用示例：

Accordion accordion = new Accordion();
TitledPane pane1 = new TitledPane("Pane 1", new Label("Content 1"));
TitledPane pane2 = new TitledPane("Pane 2", new Button("Content 2"));
accordion.getPanes().addAll(pane1, pane2);