Javafx 简明教程

JavaFX - VBox Layout

VBox Layout in JavaFX

VBox 也称为垂直盒子，它是一种布局控件，可将 JavaFX 应用程序的所有节点排列在单个垂直列中。VBox 布局窗格由名为 VBox 的 javafx.scene.layout 包中的类表示。实例化此类会创建一个 VBox 布局。此类的构造函数列表如下 -

  1. VBox() - 这是默认构造函数，它构造一个间距为 0 的 VBox 布局。

  2. VBox(double spacingVal) - 它构造一个具有节点间距的新 VBox 布局。

  3. VBox(double spacingVal, Node nodes) - VBox 类的这个参数化构造函数接受子节点以及它们之间的间距，并使用指定组件创建一个新的 VBox 布局。

  4. VBox(Node nodes) - 它创建一个具有指定子节点和 0 间距的 VBox 布局。

下图显示了三个以垂直布局方式放置的盒子 -

sample vbox

VBox 类具有几个预定义的属性，如下所示 -

  1. alignment - 此属性表示 VBox 边界内节点的对齐方式。你可以使用设置器方法 setAlignment() 为此属性设置值。

  2. fillHeight - 此属性是布尔类型，在将其设置为 true 时；VBox 中可调整大小的节点调整为 VBox 的高度。你可以使用设置器方法 setFillHeight() 为此属性设置值。

  3. spacing - 此属性是双精度类型，它表示 VBox 子节点之间的空间。你可以使用设置器方法 setSpacing() 为此属性设置值。

  4. padding - 它表示 VBox 边框与其子节点之间的空间。我们可以使用设置器方法 setPadding() 为此属性设置值，它接受 Insets 构造函数作为参数值。

此外，此类还提供以下方法 -

S.No

methods & Description

1

*setVgrow()*设置子元素包含在 VBox 中时的垂直增长优先级。此方法接受一个节点和优先级值。

2

*setMargin()*使用此方法，您可以设置 VBox 的边距。此方法接受一个节点和 Insets 类的对象（一个矩形区域 4 条边的内部偏移集）。

Example

以下程序是 VBox 布局的示例。在此示例中，正在插入文本字段和两个按钮：播放和停止。将此代码保存在名为 VBoxExample.java 的文件中。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.stage.Stage;
import javafx.scene.layout.VBox;

public class VBoxExample extends Application {
   @Override
   public void start(Stage stage) {
      //creating a text field
      TextField textField = new TextField();

      //Creating the play button
      Button playButton = new Button("Play");

      //Creating the stop button
      Button stopButton = new Button("stop");

      //Instantiating the VBox class
      VBox box = new VBox();

      //Setting the space between the nodes of a HBox pane
      box.setSpacing(10);

      //Adding all the nodes to the VBox
      box.getChildren().addAll(textField, playButton, stopButton);

      //Setting the margin to the nodes
      box.setMargin(textField, new Insets(20, 20, 20, 20));
      box.setMargin(playButton, new Insets(20, 20, 20, 20));
      box.setMargin(stopButton, new Insets(20, 20, 20, 20));

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

      //Setting title to the Stage
      stage.setTitle("Vbox Example 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 VBoxExample.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls VBoxExample

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

vbox output

Example

在此示例中，将使用 VBox 类的参数化构造函数创建一个垂直布局。将此代码保存在名为 VBoxExample.java 的文件中。

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.stage.Stage;
import javafx.scene.layout.VBox;

public class VBoxExample extends Application {
   @Override
   public void start(Stage stage) {
      //creating a text field
      TextField textField = new TextField();

      //Creating the play button
      Button playButton = new Button("Play");

      //Creating the stop button
      Button stopButton = new Button("stop");

      //Instantiating the VBox class
      VBox box = new VBox(10, textField, playButton, stopButton);
      box.setAlignment(Pos.CENTER);

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

      //Setting title to the Stage
      stage.setTitle("Vbox Example 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 VBoxExample.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls VBoxExample

在执行上述程序时，将生成以下输出。

vbox output2