如何创建具有正确宽度和高度的垂直标签？

Question

我需要可视化一些紧凑的数据。由于每个数据容器的高度有限，我决定将每个容器的标题移到侧面并垂直旋转。旋转标签时，标签会保持其父对象的尺寸。因此，标签的最大长度受父级宽度限制。如何完成标签的maxWidth是父窗格的实际maxHeight？

对于每个容器，我都使用GridPane。标签位于StackPane内部，用于设置边框或更改背景颜色。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class Test extends Application {

  public void start(Stage primaryStage) throws Exception {
        // Part of the code

        GridPane gridPane = new GridPane();
        StackPane namePane;
        Label nameLabel;

        // ...

        // Header
        gridPane.getColumnConstraints().add(new ColumnConstraints(40.0));
        // Index
        gridPane.getColumnConstraints().add(new ColumnConstraints(50.0));
        // Name
        gridPane.getColumnConstraints().add(new ColumnConstraints(100.0,150.0,400));

        // int rows = ...; // Any integer between 1 and 6
        int rows = 5;

        for(int i = 0; i < rows; i++) {
            gridPane.getRowConstraints().add(new RowConstraints(30));
        }

        namePane = new StackPane();

        nameLabel = new Label("Name-123456789");
        nameLabel.setStyle("-fx-rotate: -90;");

        namePane.getChildren().add(nameLabel);
        gridPane.add(namePane,0,0,1,rows);

        // ...

        // Debug only
        gridPane.setGridLinesVisible(true);

        // just for running the example
        Scene scene = new  Scene(gridPane,700,700);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

下面两幅图像分别代表标签的外观和外观。

我已经尝试将Lable的maxWidth更改为Double.MAX_VALUE，但没有成功。

nameLabel.setMaxWidth(Double.MAX_VALUE);

Answer 1

StackPane将Label视为未通过转换修改位置。这也会影响StackPane的计算大小。

要解决此问题，您可以将Label包装在Parent中，该namePane.getChildren().add(new Group(nameLabel)); 在计算大小时会考虑转换：Group

Label

注意：如果namePane的高度太小而无法容纳.split()，则不会调整.substring()的大小。为了达到这种效果，您需要实现自己的布局。