Javafx 简明教程

JavaFX - BorderPane Layout

BorderPane Layout in JavaFX

BorderPane 是一种布局控件，它可以将 JavaFX 应用程序的所有 UI 组件布置到五个区别的区域中，即顶部、左侧、右侧、底部和中心位置。BorderPane 布局窗格由 BorderPane 包的 javafx.scene.layout 类的类表示。实例化此类会创建一个 BorderPane 布局。此类的构造函数如下所示：

  1. BorderPane() - 它是创建空 BorderPane 的默认构造函数。

  2. BorderPane(Node centerNode) - 它构建一个新的 BorderPane 布局并将节点置于中央。

  3. BorderPane(Node center, Node top, Node right, Node bottom, Node left) - BorderPane 类的此参数化构造函数用于使用指定的节点创建新的 BorderPane 布局。

BorderPane 类包含五个属性，包括：

  1. bottom - 此属性属于 Node 类型，表示置于 BorderPane 底部的节点。您可以使用 setter 方法 setBottom() 为此属性设置值。

  2. center - 此属性属于 Node 类型，表示置于 BorderPane 中央的节点。您可以使用 setter 方法 setCenter() 为此属性设置值。

  3. left - 此属性属于 Node 类型，表示置于 BorderPane 左侧的节点。您可以使用 setter 方法 setLeft() 为此属性设置值。

  4. right - 此属性属于 Node 类型，表示置于 BorderPane 右侧的节点。您可以使用 setter 方法 setRight() 为此属性设置值。

  5. top - 此属性属于 Node 类型，表示置于 BorderPane 顶部的节点。您可以使用 setter 方法 setTop() 为此属性设置值。

下图显示了如何在 BorderPane 布局中布置 JavaFX 节点：

sample borderpane

除了上面提到的属性和构造函数之外， BorderPane 类还提供以下方法：

  1. setAlignment() - 此方法用于设置属于此窗格的节点的对齐方式。此方法接受一个节点和一个优先级值。

Example

以下程序是 BorderPane 布局的一个示例。在此示例中，我们正在顶部、底部、右侧、左侧和中心位置插入五个文本字段。将此代码保存在名为 BorderPaneExample.java 的文件中：

import javafx.application.Application;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.TextField;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class BorderPaneExample extends Application {
   @Override
   public void start(Stage stage) {
      //Instantiating the BorderPane class
      BorderPane bPane = new BorderPane();

      //Setting the top, bottom, center, right and left nodes to the pane
      bPane.setTop(new TextField("Top"));
      bPane.setBottom(new TextField("Bottom"));
      bPane.setLeft(new TextField("Left"));
      bPane.setRight(new TextField("Right"));
      bPane.setCenter(new TextField("Center"));

      //Creating a scene object
      Scene scene = new Scene(bPane, 400, 300);

      //Setting title to the Stage
      stage.setTitle("BorderPane in JavaFX");

      //Adding scene to the stage
      stage.setScene(scene);

      //Displaying the contents of the stage
      stage.show();
   }
   public static void main(String args[]) {
      launch(args);
   }
}

使用以下命令，从命令提示符编译并执行已保存的 java 文件。

javac --module-path %PATH_TO_FX% --add-modules javafx.controls BorderPaneExample.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls BorderPaneExample

执行后，上述程序会生成如下所示的 JavaFX 窗口。

borderpane output