MAUI中旋转按钮后如何使其填满整个网格单元格？

方案1：让旋转后的按钮填满网格单元格 #

直接旋转Button时，MAUI会基于控件原始尺寸进行布局，导致旋转后尺寸错位。可以通过绑定按钮尺寸到网格单元格的实际尺寸，实现跨设备自适应：

<Grid x:Name="MainGrid"
      Margin="15,15,15,15"
      RowSpacing="15"
      ColumnSpacing="15"
      VerticalOptions="Fill">

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition x:Name="PlayRow" Height="1*" />
    </Grid.RowDefinitions>

    <Label x:Name="CategoryLabel" 
           FontSize="32" 
           HorizontalTextAlignment="Center" 
           VerticalTextAlignment="Center" 
           Grid.Row="0" />

    <Button Rotation="90" 
            Text="Play" 
            FontSize="150" 
            HorizontalOptions="Fill" 
            VerticalOptions="Fill"
            WidthRequest="{Binding Source={x:Reference PlayRow}, Path=ActualHeight}"
            HeightRequest="{Binding Source={x:Reference PlayRow}, Path=ActualWidth}"
            Clicked="OnPlayBtnClicked" 
            Grid.Row="1" />
</Grid>

核心逻辑：旋转90度后，按钮所需宽度等于网格行的实际高度，所需高度等于网格行的实际宽度，通过绑定ActualHeight和ActualWidth替代硬编码，实现全设备适配。

方案2：仅旋转按钮文本（推荐） #

若无需旋转整个按钮，仅需文本旋转，可自定义按钮的Content，用Label承载文本并单独旋转，按钮本身保持正常布局填满单元格：

<Grid x:Name="MainGrid"
      Margin="15,15,15,15"
      RowSpacing="15"
      ColumnSpacing="15"
      VerticalOptions="Fill">

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="1*" />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="1*" />
    </Grid.RowDefinitions>

    <Label x:Name="CategoryLabel" 
           FontSize="32" 
           HorizontalTextAlignment="Center" 
           VerticalTextAlignment="Center" 
           Grid.Row="0" />

    <Button HorizontalOptions="Fill" 
            VerticalOptions="Fill"
            Clicked="OnPlayBtnClicked" 
            Grid.Row="1">
        <Button.Content>
            <Label Text="Play" 
                   FontSize="150"
                   Rotation="90"
                   HorizontalOptions="Center"
                   VerticalOptions="Center" />
        </Button.Content>
    </Button>
</Grid>

这种方式布局更稳定，按钮会自动填满网格单元格，仅文本旋转，无需额外处理尺寸绑定，适配性更强。

内容的提问来源于stack exchange，提问作者Konrad