.NET MAUI模态页中AbsoluteLayout仅水平定位，如何实现居中覆盖？

完全可以在.NET MAUI的模态页中将AbsoluteLayout作为全屏覆盖层居中，你的代码未按预期生效是因为布局结构的问题，以下是具体分析和解决方法：

原代码问题分析 #

你当前的AbsoluteLayout嵌套在Frame内部的StackLayout中，它的布局空间仅局限于Frame的范围，而非整个屏幕。所以里面的ActivityIndicator垂直方向的居中只是相对于这个小范围的StackLayout，而非全屏中心。另外，页面根容器用StackLayout也限制了子元素无法实现全屏覆盖的布局效果。

修改后的实现方案 #

将页面根容器替换为AbsoluteLayout，让它占满整个屏幕，然后分别放置底部弹窗和需要居中的覆盖层元素：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp1.ModalPage"
             Shell.PresentationMode="ModalAnimated"
             BackgroundColor="#55000000">
    <!-- 根容器设为AbsoluteLayout，占满整个屏幕 -->
    <AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        <!-- 原底部弹窗内容，定位到屏幕底部 -->
        <StackLayout AbsoluteLayout.LayoutFlags="PositionProportional"
                     AbsoluteLayout.LayoutBounds="0,1,1,AutoSize"
                     VerticalOptions="End">
            <Frame Style="{StaticResource PopupFrameModal}"
                   StyleClass="PopupFrame"
                   BackgroundColor="White"
                   BorderColor="White"
                   HeightRequest="256"
                   Margin="0,0,0,-24" CornerRadius="24">
                <StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                    <StackLayout HorizontalOptions="Center">
                        <BoxView HeightRequest="10" WidthRequest="100" CornerRadius="5"/>
                        <BoxView HeightRequest="1" Margin="0,18,0,24"/>
                        <VerticalStackLayout>
                            <Label Text="This is a modal page" HorizontalOptions="Center"/>
                        </VerticalStackLayout>
                    </StackLayout>
                </StackLayout>
            </Frame>
        </StackLayout>

        <!-- 全屏居中的ActivityIndicator，基于整个屏幕定位 -->
        <ActivityIndicator AbsoluteLayout.LayoutFlags="PositionProportional"
                           AbsoluteLayout.LayoutBounds="0.5,0.5,AutoSize,AutoSize"
                           IsVisible="True"
                           IsRunning="True"/>
    </AbsoluteLayout>
</ContentPage>

关键修改点说明 #

• 根容器改用AbsoluteLayout并设置FillAndExpand，确保它占据整个屏幕空间
• 底部弹窗通过LayoutBounds="0,1,1,AutoSize"定位到屏幕底部（x=0，y=1代表底部，宽度占满，高度自适应）
• 居中的ActivityIndicator直接放在根AbsoluteLayout下，LayoutBounds="0.5,0.5,AutoSize,AutoSize"让它精准定位在屏幕中心，AutoSize保证控件大小适配自身内容

这样就能实现你要的全屏覆盖层居中效果，无需依赖MAUI Community Toolkit的Popup组件。

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