旋转90度后HBox无法填充父GridPane的问题求助

问题原因 #

JavaFX中调用setRotate()旋转节点时，布局系统仍会使用节点旋转前的宽高进行布局计算，导致旋转后的节点无法自动适配父容器的尺寸。手动修改节点宽高会直接影响GridPane单元格的尺寸，因为GridPane会根据子节点的偏好尺寸调整单元格大小。

解决方案 #

核心思路是：旋转节点后，将其宽高与父容器的相反维度绑定（比如旋转90度时，节点宽度绑定父容器高度，高度绑定父容器宽度），同时确保节点填充父容器的可用空间。

方法1：修改Tile类，通过属性绑定适配旋转后的尺寸

直接在自定义Tile类中处理旋转和尺寸绑定，确保旋转后自动适配父容器：

public class Tile extends HBox {
    public Tile(int orientation){
        setAlignment(Pos.CENTER_RIGHT);
        double rotateAngle = 90 * orientation;
        setRotate(rotateAngle);
        
        // 旋转90/270度时，交换宽高绑定逻辑
        if (rotateAngle == 90 || rotateAngle == 270) {
            prefWidthProperty().bind(parentProperty().flatMap(parent -> ((Region) parent).heightProperty()));
            prefHeightProperty().bind(parentProperty().flatMap(parent -> ((Region) parent).widthProperty()));
        } else {
            prefWidthProperty().bind(parentProperty().flatMap(parent -> ((Region) parent).widthProperty()));
            prefHeightProperty().bind(parentProperty().flatMap(parent -> ((Region) parent).heightProperty()));
        }
        
        // 确保节点填充父容器空间
        setFillWidth(true);
        setFillHeight(true);
        
        // 设置旋转中心为节点中心，避免偏移
        widthProperty().addListener((obs, oldVal, newVal) -> setRotatePivotX(newVal.doubleValue() / 2));
        heightProperty().addListener((obs, oldVal, newVal) -> setRotatePivotY(newVal.doubleValue() / 2));
    }
}

方法2：用容器包裹旋转节点，隔离布局影响

将Tile放在StackPane中，旋转Tile本身，让StackPane负责填充GridPane单元格，同时Tile的宽高绑定到StackPane的高宽：

// 向GridPane添加Tile时使用StackPane包裹
GridPane gridPane = new GridPane();
gridPane.setAlignment(Pos.CENTER);

// 配置GridPane单元格的约束（示例：顶部行高度128，列宽度66）
RowConstraints topRow = new RowConstraints();
topRow.setPrefHeight(128);
gridPane.getRowConstraints().add(topRow);

ColumnConstraints col = new ColumnConstraints();
col.setPrefWidth(66);
gridPane.getColumnConstraints().add(col);

// 创建并添加带旋转的Tile
StackPane tileWrapper = new StackPane();
StreetTile rotatedTile = new StreetTile("Park Place", Color.BLUE, 1); // 旋转90度

// 绑定Tile的宽高到Wrapper的高宽，适配旋转后的尺寸
rotatedTile.prefWidthProperty().bind(tileWrapper.heightProperty());
rotatedTile.prefHeightProperty().bind(tileWrapper.widthProperty());

// 让Wrapper填充GridPane单元格
GridPane.setHgrow(tileWrapper, Priority.ALWAYS);
GridPane.setVgrow(tileWrapper, Priority.ALWAYS);

tileWrapper.getChildren().add(rotatedTile);
gridPane.add(tileWrapper, 0, 0);

额外注意事项

• 若GridPane需要自适应窗口大小，可将行/列的prefHeight/prefWidth替换为percentHeight/percentWidth，或设置fillWidth/fillHeight为true。
• 确保GridPane的Hgrow和Vgrow设置为ALWAYS，让单元格能填充可用空间。

内容的提问来源于stack exchange，提问作者Marius van de woestyne