JavaFX - AnchorPane 佈局

JavaFX 中的 AnchorPane 佈局

Anchor Pane 允許將子節點邊緣錨定在距錨定面板邊緣的指定偏移量處。它確保節點保持與佈局面板邊緣的固定距離。在 JavaFX 中，錨定面板由名為 AnchorPane 的類表示，它是 javafx.scene.layout 包的一部分。

假設我們有一個節點，我們需要從面板邊界的所有方向（頂部、底部、右側和左側）設定其錨點。要設定錨點，AnchorPane 類提供了四種內建方法，即 setBottomAnchor()、setTopAnchor()、setLeftAnchor() 和 setRightAnchor()。這些方法接受表示錨點的雙精度值。下圖說明了這一點：

請注意，如果錨定面板設定了邊框和/或填充，則偏移量將從這些內邊距的內邊緣計算。

AnchorPane 類的建構函式如下：

• AnchorPane() - 構造一個空的 AnchorPane 佈局。

• AnchorPane(Node childNodes) - 它使用指定的節點建立一個新的 AnchorPane 佈局。

示例

下面的程式是 Anchor Pane 佈局的示例。在這個例子中，我們正在 Anchor Pane 中插入一個旋轉的圓柱體。將此程式碼儲存在名為 AnchorPaneExample.java 的檔案中。

import javafx.animation.RotateTransition; 
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane; 
import javafx.scene.paint.Color; 
import javafx.scene.paint.PhongMaterial; 
import javafx.scene.shape.Cylinder; 
import javafx.scene.transform.Rotate; 
import javafx.stage.Stage; 
import javafx.util.Duration;          

public class AnchorPaneExample extends Application { 
   @Override 
   public void start(Stage stage) {                     
      //Drawing a Cylinder 
      Cylinder cylinder = new Cylinder();        
      
      //Setting the properties of the Cylinder 
      cylinder.setHeight(180.0f); 
      cylinder.setRadius(100.0f);     
      
      //Preparing the phong material of type diffuse color 
      PhongMaterial material = new PhongMaterial();  
      material.setDiffuseColor(Color.BLANCHEDALMOND); 
      
      //Setting the diffuse color material to Cylinder5 
      cylinder.setMaterial(material);  
       
      //Setting rotation transition for the cylinder 
      RotateTransition rotateTransition = new RotateTransition(); 
      
      //Setting the duration for the transition 
      rotateTransition.setDuration(Duration.millis(1000)); 
      
      //Setting the node for the transition 
      rotateTransition.setNode(cylinder);       
      
      //Setting the axis of the rotation 
      rotateTransition.setAxis(Rotate.X_AXIS);  
      
      //Setting the angle of the rotation 
      rotateTransition.setByAngle(360);
      
      //Setting the cycle count for the transition 
      rotateTransition.setCycleCount(RotateTransition.INDEFINITE); 
      
      //Setting auto reverse value to false 
      rotateTransition.setAutoReverse(false); 
      
      //playing the animation 
      rotateTransition.play(); 
      
      //Creating an Anchor Pane  
      AnchorPane anchorPane = new AnchorPane();  
       
      //Setting the anchor to the cylinder      
      AnchorPane.setTopAnchor(cylinder, 50.0); 
      AnchorPane.setLeftAnchor(cylinder, 50.0); 
      AnchorPane.setRightAnchor(cylinder, 50.0); 
      AnchorPane.setBottomAnchor(cylinder, 50.0);  
      
      //Adding cylinder to the pane 
      anchorPane.getChildren().addAll(cylinder);        
         
      //Creating a scene object 
      Scene scene = new Scene(anchorPane, 400, 300);  
      
      //Setting title to the Stage 
      stage.setTitle("Anchor 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 AnchorPaneExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls AnchorPaneExample

輸出

執行上述程式後，將生成如下所示的 JavaFX 視窗。