HOWTO · Java
JavaFX 在窗格中的文字居中
本教程演示瞭如何在 JavaFX 的窗格中使文字居中。
本頁內容
在 Pane 類中沒有使節點居中的功能,但如果我們想使節點居中,我們可以使用 StackPane。本教程演示了使用 StackPane 將 JavaFX 中的文字或其他節點居中。
窗格中的 JavaFX 中心文字
StackPane 是一種窗格,用於佈置其子級以堆疊到其他窗格中。我們可以對齊 StackPane 以使窗格中的節點居中。
StackPane 的預設對齊屬性是 Pos.CENTER。JavaFX StackPane 從 JavaFX.scene.layout.StackPane 例項化。
StackPane 有兩個用於不同目的的建構函式。StackPane 的語法是:
StackPane Demo = new StackPane();
StackPane 的建構函式是:
StackPane():將使用預設的Pos.CENTER對齊方式建立佈局。StackPane(Node…. nd):將使用預設對齊方式建立佈局。
對齊屬性可用於對齊 StackPane 中的節點。StackPane 可以通過三種方法進行對齊:
getAlignment():該方法用於獲取對齊屬性值。setAlignment(Posvalue):該方法用於設定對齊屬性值。setAlignment(Node child, Posvalue):該方法用於設定StackPane中子節點的對齊屬性值。
讓我們嘗試一個示例,使用 StackPane 將窗格中的節點文字居中。參見示例:
package delftstack;
import javafx.application.Application;
import javafx.collections.ObservableList;
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 JavaFx_StackPane extends Application {
@Override
public void start(Stage DemoStage) {
// Create the text to be centered
Text Demotext = new Text("Centered Text");
// Font for the text
Demotext.setFont(Font.font(null, FontWeight.BOLD, 20));
// color of the text
Demotext.setFill(Color.BLUE);
// position of the text
Demotext.setX(20);
Demotext.setY(50);
// circle
Circle DemoCircle = new Circle(700, 500, 300);
// fill color
DemoCircle.setFill(Color.LIGHTBLUE);
DemoCircle.setStroke(Color.BLACK);
// Now Create a Stackpane
StackPane DemoStackPane = new StackPane();
// Margin for the above circle
DemoStackPane.setMargin(DemoCircle, new Insets(50, 50, 50, 50));
ObservableList li = DemoStackPane.getChildren();
// Add child nodes to the pane
li.addAll(DemoCircle, Demotext);
// Create a scene
Scene DemoScene = new Scene(DemoStackPane);
// Set title
DemoStage.setTitle("Centered Text Sample");
// Add scene to the stage
DemoStage.setScene(DemoScene);
// Display the results
DemoStage.show();
}
public static void main(String args[]) {
launch(args);
}
}
該程式碼在 StackPane 中建立一個文字和一個圓圈,並使用中心位置的預設對齊方式。見輸出: