JavaFx中的“窗格”是什么？

Question

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class ButtonInPane extends Application {
@Override 
// Override the start method in the Application class

public void start(Stage primaryStage) {
// Create a scene and place a button in the scene

StackPane pane = new StackPane();
pane.getChildren().add(new Button("OK"));
Scene scene = new Scene(pane, 200, 50);
primaryStage.setTitle("Button in a pane"); // Set the stage title
primaryStage.setScene(scene); // Place the scene in the stage
primaryStage.show(); // Display the stage
}

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

上面的代码创建一个带有按钮的图形用户界面。 但是我不知道什么是窗格以及为什么需要它。 我也不明白为什么在添加按钮时需要调用getChildren方法，例如

"pane.getChildren().add(new Button("OK"));".

Answer 1

从布局手册中 ：

JavaFX应用程序可以通过设置每个UI元素的position和size属性来手动布置UI。 但是，一个更简单的选择是使用布局窗格。 JavaFX SDK提供了几个布局窗格，用于轻松设置和管理经典布局，例如行，列，堆栈，图块等。 调整窗口大小时，布局窗格会根据节点的属性自动调整其位置和大小。

javaFX中有6个面板，例如：BorderPane，StackPane，GridPane，FlowPane，TilePane和AnchorPane。

StackPane

堆栈窗格使您可以将许多节点一个接一个地放置。

StackPane root = new StackPane();
Button btn1 = new Button(" 1 ");
Button btn2 = new Button("22222222");
root.getChildren().addAll(btn2, btn1);
root.setStyle("-fx-background-color: #87CEFA;");

网格窗格

GridPane允许您创建行和列的灵活网格，并将每个节点放置在准确的位置。

 GridPane grid = new GridPane();
grid.setPadding(new Insets(10, 10, 10, 10));
grid.setMinSize(300, 300);
grid.setVgap(5);
grid.setHgap(5);

Text username = new Text("Username:");
grid.add(username, 0, 0);

TextField text = new TextField();
text.setPrefColumnCount(10);
grid.add(text, 1, 0);

Text password = new Text("Password:");
grid.add(password, 0, 1);

TextField text2 = new TextField();
text2.setPrefColumnCount(10);
grid.add(text2, 1, 1);
grid.setStyle("-fx-background-color: #D8BFD8");

流板

流窗格按添加顺序一个接一个地放置所有节点。

FlowPane flow = new FlowPane();
flow.setPadding(new Insets(10, 10, 10, 10));
flow.setStyle("-fx-background-color: DAE6F3;");
flow.setHgap(5);
flow.getChildren().addAll(left, center);

瓷砖

TilePane与流窗格类似。 所有节点都按照添加顺序相同的顺序放置在网格中。

TilePane tile = new TilePane();
tile.setPadding(new Insets(10, 10, 10, 10));
tile.setPrefColumns(2);
tile.setStyle("-fx-background-color: #CD5C5C;");
HBox hbox2 = new HBox(8); // spacing = 8
hbox2.getChildren().addAll(top, left, center);
tile.getChildren().add(hbox2);

锚板

AnchorPane允许您将节点放置在窗格的顶部，底部，左侧，右侧或中心。

AnchorPane anchorpane = new AnchorPane();
Button buttonSave = new Button("Save");
Button buttonCancel = new Button("Cancel");
anchorpane.setStyle("-fx-background-color: #A9A9A9;");
HBox hb = new HBox();
hb.getChildren().addAll(buttonSave, buttonCancel);
anchorpane.getChildren().addAll(hb);
anchorpane.setMinSize(300, 100);
AnchorPane.setRightAnchor(hb, 10.0);

BorderPane

BorderPane将场景分为五个区域，例如：顶部，底部，左侧，右侧和中央。 您可以在其中调整添加的节点。 BorderPane还允许您在每个区域中添加不同的窗格，如我的示例所示。 但是，您不能多次使用同一窗格。

 BorderPane pane = new BorderPane();
pane.setLeft(anchorpane);
pane.setCenter(root);
pane.setRight(grid);
pane.setTop(flow);
pane.setBottom(tile);

Scene scene = new Scene(pane, 300, 250);