JavaFX - BorderPane 布局

JavaFX 中的 BorderPane 布局

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

• BorderPane() - 它是默认构造函数，创建一个空的 BorderPane。

• BorderPane(Node centerNode) - 它构建一个新的 BorderPane 布局并将节点放置在中心。

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

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

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

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

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

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

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

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

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

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

示例

以下程序是 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 窗口。