WinUI3 中的图像渐变

Question

我想在 WinUI3 应用程序中制作渐变。渐变应从图像的中心开始，并向下延伸至底部，其中颜色应为图像后面的颜色。我想让它看起来像 Microsoft Store 中的渐变。

Answer 1

您可以使用

LinearGradientBrush

<Image Source="image.png" Width="200" Height="400">
    <Image.OpacityMask>
        <LinearGradientBrush StartPoint="0.5,0.5" EndPoint="0.5,1">
            <GradientStop Color="#FFFFFFFF" Offset="0"/>
            <GradientStop Color="#00FFFFFF" Offset="1"/>
        </LinearGradientBrush>
    </Image.OpacityMask>
</Image>