如何在MAUI XAML中相对屏幕缩放叠加定位元素？

针对你遇到的固定Margin导致负号位置在屏幕缩放后偏移的问题，推荐以下两种实用的相对布局方案：

方案一：Grid居中+微调偏移 #

利用Grid的居中布局属性让Label始终处于容器中心，再通过TranslationX/TranslationY微调负号到数字左侧的位置，适配不同屏幕尺寸：

<StackLayout>
    <Grid VerticalOptions="FillAndExpand">
        <!-- 负号Label：居中后微调X偏移，数值根据实际数字宽度调整 -->
        <Label Text="-" FontSize="80" TextColor="Red" 
               HorizontalOptions="Center" VerticalOptions="Center" 
               TranslationX="-60" />
        <lvc:PieChart VerticalOptions="FillAndExpand"
            Series="{Binding Series}"
            InitialRotation="-225"
            MaxAngle="270"
            Total="100">
        </lvc:PieChart>
    </Grid>
</StackLayout>

• 核心原理：HorizontalOptions="Center"和VerticalOptions="Center"让Label始终跟随Grid中心移动，TranslationX用来调整负号相对于中心的水平偏移量，确保和仪表盘中间的数字对齐。

方案二：AbsoluteLayout比例定位 #

使用AbsoluteLayout的比例位置属性，直接按父容器的百分比定义负号位置，完全适配屏幕缩放：

<StackLayout>
    <AbsoluteLayout VerticalOptions="FillAndExpand">
        <lvc:PieChart AbsoluteLayout.LayoutBounds="0,0,1,1" 
                      AbsoluteLayout.LayoutFlags="All"
                      Series="{Binding Series}"
                      InitialRotation="-225"
                      MaxAngle="270"
                      Total="100">
        </lvc:PieChart>
        <!-- 负号Label：X取父容器宽度的40%，Y取高度的50%，比例值可根据实际调整 -->
        <Label Text="-" FontSize="80" TextColor="Red" 
               AbsoluteLayout.LayoutBounds="0.4,0.5,AutoSize,AutoSize" 
               AbsoluteLayout.LayoutFlags="PositionProportional" />
    </AbsoluteLayout>
</StackLayout>

• 核心原理：LayoutFlags="PositionProportional"表示LayoutBounds的前两个值是相对父容器的比例（0-1），0.4即40%宽度位置，0.5即50%高度位置，不管父容器尺寸怎么变，负号的相对位置始终保持一致。

为什么固定Margin不可行 #

固定Margin是绝对像素值，当屏幕尺寸或父容器大小变化时，绝对像素无法对应新的相对位置，导致负号偏移。而上述两种方案都基于相对位置计算，能自动适配不同屏幕。

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