MAUI中AbsoluteLayout内控件比例定位问题求助

问题出在没有正确设置AbsoluteLayout的比例模式标识。MAUI的AbsoluteLayout默认使用绝对像素值计算位置和尺寸，如果你要基于父布局比例设置，必须通过AbsoluteLayout.LayoutFlags明确指定哪些维度采用比例计算。

正确的布局代码示例 #

<AbsoluteLayout BackgroundColor="LightGray">
    <!-- 第一个Label：占父宽50%，从X=0开始 -->
    <Label Text="First Label" 
           BackgroundColor="LightBlue"
           AbsoluteLayout.LayoutBounds="0, 0, 0.5, 1"
           AbsoluteLayout.LayoutFlags="WidthProportional, HeightProportional"/>
    
    <!-- 第二个Label：从父宽25%位置开始，宽度占25% -->
    <Label Text="Second Label" 
           BackgroundColor="LightGreen"
           AbsoluteLayout.LayoutBounds="0.25, 0, 0.25, 1"
           AbsoluteLayout.LayoutFlags="WidthProportional, HeightProportional"/>
</AbsoluteLayout>

关键说明 #

• AbsoluteLayout.LayoutBounds的四个参数依次是：X坐标、Y坐标、宽度、高度。当值是0-1之间的小数时，只有配合对应的LayoutFlags才会被解析为父布局的比例。
• WidthProportional和HeightProportional标识告诉布局系统，宽度和高度按父布局的比例计算；如果不设置，这些小数会被当作固定像素值，自然会出现位置和尺寸不符合预期的情况。

按照上面的代码设置后，第二个Label的左边界会刚好在父布局宽度的25%处（也就是第一个Label的中间位置），且两个Label的右边界都会对齐在父布局宽度的50%位置，完全符合你的需求。

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