如何旋轉標籤

Question

在JavaFX 8中，我想指定css旋轉標籤，以便從左到右代替文本從底部到頂部。

我該怎麼做？

Answer 1

任何節點都可以有它通過使用CSS -fx-rotate屬性CSS樣式旋轉。

這是以度數表示的旋轉角度。零度在3點（直接在右邊）。角度值順時針旋轉。旋轉是關於中心。

因此，在你的代碼或FXML你可以有：

label.setStyle("vertical"); 

而且在你的CSS樣式表，您可以定義：

.vertical { -fx-rotate: -90; } 

還要注意在包裝標籤的James_D的答案建議在執行佈局邊界計算時分組來計算旋轉。

Answer 2

請在標籤上撥打setRotate將其圍繞其中心旋轉。

爲了讓佈局窗格正確測量標籤的範圍旋轉後，在Group包裝它：

import javafx.application.Application; 
import javafx.geometry.Pos; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.control.Label; 
import javafx.scene.layout.HBox; 
import javafx.stage.Stage; 

public class RotatedLabelTest extends Application { 

    @Override 
    public void start(Stage primaryStage) { 
     Label label1 = new Label("Hello"); 
     Label label2 = new Label("World"); 

     label1.setRotate(-90); 
     Group labelHolder = new Group(label1); 

     HBox root = new HBox(5, labelHolder, label2); 
     root.setAlignment(Pos.CENTER); 

     Scene scene = new Scene(root, 250, 150); 
     primaryStage.setScene(scene); 
     primaryStage.show(); 

    } 

    public static void main(String[] args) { 
     launch(args); 
    } 
}