.NET MAUI中AbsoluteLayout比例定位标记失效问题

问题原因 #

你遇到的不是Bug，而是对AbsoluteLayout.LayoutBounds的坐标逻辑理解有误：

• 当LayoutFlags="All"时，LayoutBounds的前两个值是控件左上角的比例坐标，而非控件底部的位置。你设置y=1，意味着控件左上角对齐父容器的底部边缘，导致控件完全超出可视区域，看起来像是在顶部（实际是被推出了屏幕）。
• 另外，如果AbsoluteLayout本身没有占满页面可用空间，比例定位也会失效（比如父容器限制了它的高度）。

解决方案 #

方案1：固定比例高度定位到底部

1. 先确保AbsoluteLayout占满整个页面空间，添加布局选项：

   <AbsoluteLayout Margin="5" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
   

2. 修正LayoutBounds的y坐标：要让控件底部对齐父容器底部，需将左上角的y坐标设为1 - 控件高度比例（这里控件高度比例是0.2，所以y=0.8）：

   <StackLayout BackgroundColor="White"
               AbsoluteLayout.LayoutBounds="0,0.8,1,0.2"
               AbsoluteLayout.LayoutFlags="All">
       <StackLayout Orientation="Horizontal" HorizontalOptions="Center">
                   <Label  Text="التاريخ المحدد:"/>
                   <Label x:Name="selectedDeliveryDate"/>
       </StackLayout>
       <Button x:Name="confirmDateSelected" Text="تأكيد" BackgroundColor="#009688"  Margin="20,5,20,5" Clicked="confirmDateSelected_Clicked"/>
   </StackLayout>
   

方案2：自适应高度定位到底部

如果不需要固定比例高度，想让控件高度自适应内容，可这样设置：

<StackLayout BackgroundColor="White"
            AbsoluteLayout.LayoutBounds="0,1,1,Auto"
            AbsoluteLayout.LayoutFlags="PositionProportional, WidthProportional">
    <StackLayout Orientation="Horizontal" HorizontalOptions="Center">
                <Label  Text="التاريخ المحدد:"/>
                <Label x:Name="selectedDeliveryDate"/>
    </StackLayout>
    <Button x:Name="confirmDateSelected" Text="تأكيد" BackgroundColor="#009688"  Margin="20,5,20,5" Clicked="confirmDateSelected_Clicked"/>
</StackLayout>

此时y=1表示控件左上角对齐父容器底部，控件会向上延伸自适应高度，刚好贴合底部。

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