JavaFX - HBox 布局

JavaFX 中的 HBox 布局

HBox，也称为水平盒，是一个布局面板，它将 JavaFX 应用程序的所有节点排列在单个水平行中。HBox 布局面板由名为HBox的类表示，该类属于javafx.scene.layout包。实例化此类以创建 HBox 布局。HBox 类的构造函数如下：

• HBox() - 这是默认构造函数，它使用 0 间距构造一个 HBox 布局。

• HBox(double spacingVal) - 它使用节点之间指定的间距构造一个新的 HBox 布局。

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

• HBox(Node nodes) - 它使用指定的子节点和 0 间距创建 HBox 布局。

在下面的快照中，我们可以看到红色框内的 UI 组件放置在水平布局中：

HBox 类具有以下属性：

• alignment - 此属性表示节点在 HBox 边界内的对齐方式。我们可以使用 setter 方法setAlignment()为该属性设置值。

• fillHeight - 此属性为布尔类型，将其设置为 true 时，HBox 中的可调整大小的节点将调整为 HBox 的高度。我们可以使用 setter 方法setFillHeight()为该属性设置值。

• spacing - 此属性为双精度类型，它表示 HBox 子节点之间的空间。我们可以使用 setter 方法setSpacing()为该属性设置值。

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

除了这些之外，HBox类还提供了一些方法，如下所示：

示例

以下程序是 HBox 布局的示例。在这里，我们插入一个文本字段和两个名为播放和停止的按钮。将此 JavaFX 代码保存在名为HBoxExample.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.HBox;

public class HBoxExample 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 HBox class  
      HBox hbox = new HBox();    
      
      //Setting the space between the nodes of a HBox pane 
      hbox.setSpacing(10);    
      
      //Adding all the nodes to the HBox 
      hbox.getChildren().addAll(textField, playButton, stopButton);   

      //Setting the margin to the nodes 
      hbox.setMargin(textField, new Insets(20, 20, 20, 20)); 
      hbox.setMargin(playButton, new Insets(20, 20, 20, 20)); 
      hbox.setMargin(stopButton, new Insets(20, 20, 20, 20));      
      
      //Creating a scene object
      Scene scene = new Scene(hbox, 400, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Hbox 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 HBoxExample.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls HBoxExample

输出

执行上述程序后，将生成一个 JavaFX 窗口，如下所示。

示例

在以下示例中，我们将使用 HBox 类的参数化构造函数来创建水平布局。将此 JavaFX 代码保存在名为HBoxExample.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.HBox;

public class HBoxExample 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 HBox class  
      HBox box = new HBox(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("Hbox 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 HBoxExample.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls HBoxExample

输出

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