JavaFX - StackPane 布局

JavaFX 中的 StackPane 布局

StackPane 布局充当容器，将所有子节点像堆栈一样叠加在一起。首先添加的节点位于堆栈底部，后续节点位于其顶部。下图说明了三个矩形框叠加在一起的 StackPane 布局。它展示了这种布局类型的创造力潜力。

名为 StackPane 的类，位于包 javafx.scene.layout 中，代表 StackPane。此类包含一个名为 alignment 的单个属性。此属性表示堆栈面板内节点的对齐方式。

StackPane 类的构造函数列表如下：

• StackPane() - 这是默认构造函数，它创建一个具有居中对齐方式的空 StackPane 布局。

• StackPane(Node childNodes) - 它创建一个具有指定子节点和居中对齐方式的 StackPane 布局。

除此之外，此类还提供了一个名为 setMargin() 的方法。此方法用于设置堆栈面板内节点的边距。

示例

以下程序是 StackPane 布局的示例。在此，我们按顺序插入一个圆形、球体和文本。将此代码保存在名为 StackPaneExample.java 的文件中。

import javafx.application.Application; 
import javafx.geometry.Insets; 
import javafx.scene.Scene; 
import javafx.scene.layout.StackPane; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Circle; 
import javafx.scene.shape.Sphere;
import javafx.scene.text.Font; 
import javafx.scene.text.FontWeight; 
import javafx.scene.text.Text; 
import javafx.stage.Stage; 
         
public class StackPaneExample extends Application { 
   @Override 
   public void start(Stage stage) {                     
      //Drawing a Circle 
      Circle circle = new Circle(300, 135, 100); 
      circle.setFill(Color.DARKSLATEBLUE); 
      circle.setStroke(Color.BLACK);
      
      //Drawing Sphere 
      Sphere sphere = new Sphere(50); 
       
      //Creating a text 
      Text text = new Text("Hello how are you"); 
      
      //Setting the font of the text 
      text.setFont(Font.font(null, FontWeight.BOLD, 15));     
      
      //Setting the color of the text 
      text.setFill(Color.CRIMSON); 
      
      //setting the position of the text 
      text.setX(20); 
      text.setY(50);       
       
      //Creating a Stackpane 
      StackPane stackPane = new StackPane(); 
      
      //Setting the margin for the circle 
      stackPane.setMargin(circle, new Insets(50, 50, 50, 50));       
      
      //Adding all the nodes to the pane 
      stackPane.getChildren().addAll(circle, sphere, text); 
        
      //Creating a scene object 
      Scene scene = new Scene(stackPane, 400, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Stack Pane Example"); 
         
      //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 StackPaneExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls StackPaneExample

输出

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