MAUI中如何设置控件尺寸适配父容器？（含绑定场景）

基础实现：单行列场景 #

直接通过Grid的行定义和Button的布局属性就能实现，完全无需后置代码：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" /> <!-- 该行占据Grid所有可用垂直空间 -->
    </Grid.RowDefinitions>
    <Button Grid.Row="0" 
            Text="占满垂直空间" 
            VerticalOptions="Fill" />
</Grid>

核心逻辑：RowDefinition.Height="*"让行铺满Grid的可用垂直区域，VerticalOptions="Fill"让Button拉伸自身填满所在行的垂直空间，不要给Button设置固定HeightRequest，否则会阻断拉伸效果。

绑定场景下的适配 #

如果Grid的行高是通过绑定动态设置的，保持同样的布局逻辑即可，只需确保Button不固定高度：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="{Binding DynamicRowHeight}" /> <!-- 绑定动态行高 -->
    </Grid.RowDefinitions>
    <Button Grid.Row="0" 
            Text="绑定场景下占满垂直空间" 
            VerticalOptions="Fill"
            HeightRequest="Auto" /> <!-- 显式设为Auto，避免默认固定高度干扰 -->
</Grid>

这里HeightRequest="Auto"是保险操作，确保Button不会继承任何固定高度值，始终跟随行高拉伸。

多行列/跨行场景 #

如果需要Button跨越Grid的多行并占满对应垂直空间，结合Grid.RowSpan使用：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="2*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Button Grid.Row="0" 
            Grid.RowSpan="3"
            Text="跨三行占满垂直空间" 
            VerticalOptions="Fill" />
</Grid>

RowSpan="3"指定Button跨越3行，VerticalOptions="Fill"让它填满这几行的总垂直空间，同样不能设置固定HeightRequest。

常见坑点 #

• 禁止给Button设置固定HeightRequest，否则会优先使用固定高度，无法拉伸
• Grid的行高不要设为Auto（除非你需要行高自适应内容，而非占满可用空间）
• 如果Button嵌套在其他容器（如ContentView）中，要确保父容器的VerticalOptions也设为Fill，否则空间无法传递到Button

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