Android MAUI中动态设置AbsoluteLayout位置与尺寸问题求助

问题分析 #

你的代码在Windows平台正常运行，但Android上OnSizeAllocated方法中设置的AbsoluteLayout布局从未生效，核心原因是未为子视图指定正确的LayoutFlags。默认情况下，AbsoluteLayout的子视图不会完全遵循传入的Rect参数解析布局规则，必须显式设置LayoutFlags来指定位置、尺寸的生效逻辑。

快速修复方案 #

修改XAML和后台代码，为两个BoxView添加AbsoluteLayout.LayoutFlags="All"，确保Rect的所有属性（位置、宽高）都能被正确解析：

修改后的XAML #

<Grid x:Name="mainGrid" RowDefinitions="auto, *">
    <Grid x:Name="topBar" HeightRequest="200" BackgroundColor="Green" >
        <Button VerticalOptions="Center" HorizontalOptions="Center"
                Text="Change layout" Clicked="Button_Clicked"/>
    </Grid>
    
    <AbsoluteLayout Grid.Row="1" x:Name="absoluteLayout">
        <BoxView BackgroundColor="Blue" x:Name="blueBox" AbsoluteLayout.LayoutFlags="All"/>
        <BoxView BackgroundColor="Red" x:Name="redBox" AbsoluteLayout.LayoutFlags="All"/>
    </AbsoluteLayout>
</Grid>

后台代码优化（可选） #

如果修复后仍存在布局不刷新的问题，可在设置完LayoutBounds后手动调用ForceLayout()强制刷新：

Rect _blueRect;
Rect _redRect;
    
protected override void OnSizeAllocated(double width, double height)
{
    base.OnSizeAllocated(width, height);
    
    double availableHeight = height - topBar.Height;
    
    _blueRect = new Rect(0, 0, width, availableHeight * 0.7);
    _redRect = new Rect(0, _blueRect.Height, width, availableHeight * 0.3);
    
    absoluteLayout.SetLayoutBounds(blueBox, _blueRect);
    absoluteLayout.SetLayoutBounds(redBox, _redRect);
    absoluteLayout.ForceLayout();
}
    
private void Button_Clicked(object sender, EventArgs e)
{
    double availableHeight = Height - topBar.Height;
    
    _blueRect = new Rect(0, 0, Width, availableHeight * 0.4);
    _redRect = new Rect(0, _blueRect.Height, Width, availableHeight * 0.6);
    
    absoluteLayout.SetLayoutBounds(blueBox, _blueRect);
    absoluteLayout.SetLayoutBounds(redBox, _redRect);
    absoluteLayout.ForceLayout();
}

更优替代方案：用Grid实现比例布局 #

AbsoluteLayout多用于特殊定位场景，这种按比例分配高度的需求更适合用Grid实现，既避免平台兼容性问题，代码也更简洁：

XAML实现 #

<Grid x:Name="mainGrid" RowDefinitions="auto, *">
    <Grid x:Name="topBar" HeightRequest="200" BackgroundColor="Green" >
        <Button VerticalOptions="Center" HorizontalOptions="Center"
                Text="Change layout" Clicked="Button_Clicked"/>
    </Grid>
    
    <Grid Grid.Row="1" x:Name="ratioGrid">
        <Grid.RowDefinitions>
            <RowDefinition Height="0.7*"/>
            <RowDefinition Height="0.3*"/>
        </Grid.RowDefinitions>
        <BoxView BackgroundColor="Blue" Grid.Row="0"/>
        <BoxView BackgroundColor="Red" Grid.Row="1"/>
    </Grid>
</Grid>

后台代码简化 #

private void Button_Clicked(object sender, EventArgs e)
{
    ratioGrid.RowDefinitions[0].Height = new GridLength(0.4, GridUnitType.Star);
    ratioGrid.RowDefinitions[1].Height = new GridLength(0.6, GridUnitType.Star);
}

这种方式无需手动计算尺寸和触发布局刷新，完全由Xamarin.Forms布局系统自动处理，跨平台兼容性更强。

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