MAUI中Frame的LinearGradientBrush为何不支持非0/1的StartPoint与EndPoint？

问题场景 #

想要创建一个Frame，实现右上角为黄色、底部中间为绿色的线性渐变效果，使用以下XAML代码后，渐变显示不符合预期——黄色始终从Frame左侧开始，将EndPoint的X值改为0时虽能正常显示，但并非目标效果，且尝试过0.5和.5两种写法均无效，当前使用MAUI 8.0.7版本：

<Frame Padding="0" BorderColor="Transparent" HeightRequest="200" Margin="10">
    <Frame.Background>
        <LinearGradientBrush StartPoint="1,0" EndPoint="0.5,1">
            <GradientStop Color="Yellow" Offset="0.0" />
            <GradientStop Color="Green" Offset="1.0" />
        </LinearGradientBrush>
    </Frame.Background>
</Frame>

解决方案 #

MAUI 8.0.7版本中，Frame直接设置Background的LinearGradientBrush存在坐标计算bug，导致StartPoint/EndPoint未按预期生效。可以通过在Frame内部嵌套Grid，将渐变背景绑定到Grid的方式绕开此问题：

<Frame Padding="0" BorderColor="Transparent" HeightRequest="200" Margin="10">
    <Grid>
        <Grid.Background>
            <LinearGradientBrush StartPoint="1,0" EndPoint="0.5,1">
                <GradientStop Color="Yellow" Offset="0.0" />
                <GradientStop Color="Green" Offset="1.0" />
            </LinearGradientBrush>
        </Grid.Background>
    </Grid>
</Frame>

额外建议 #

• 若条件允许，可升级MAUI到最新稳定版本，后续版本大概率已修复该控件背景渐变的坐标计算问题。
• 渐变坐标逻辑说明：(1,0)对应控件右上角，(0.5,1)对应控件底部中点，此设置可实现从右上角黄色过渡到底部中点绿色的线性渐变。

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