C# UWP XAML 创建带渐变的椭圆

Question

如何创建带有渐变边框且包含“裁剪”图像的椭圆？目前我只有里面有图像的椭圆

<Ellipse Height="300" Width="300">
    <Ellipse.Fill>
        <ImageBrush x:Name="imageBrush" Stretch="UniformToFill"/>
    </Ellipse.Fill>
</Ellipse>

现在我需要使图像的边框过渡到透明。在 UWP XAML?

中有可能吗？

这是一个示例图片，这与我尝试实现的目标有些相似

Answer 1

RadialGradientBrush 来自 winui。

Install-Package Microsoft.UI.Xaml


 xmlns:media="using:Microsoft.UI.Xaml.Media"

 ...

   <Grid>
        <Image Source="/Assets/m.jpg" Stretch="UniformToFill"/>
        <Rectangle >
            <Rectangle.Fill>
                <media:RadialGradientBrush 
                Center="0.5,0.5"
                GradientOrigin="0.5,0.5"
                Opacity="1"
                RadiusX="0.5"
                RadiusY="0.5"
                SpreadMethod="Pad">
                    <GradientStop Color="Transparent" Offset="0.6" />
                    <GradientStop Color="White" Offset="1.0" />
                </media:RadialGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>

C# UWP XAML 创建带渐变的椭圆

C# UWP XAML create ellipse with gradient

c#

uwp

windows-10-universal

uwp-xaml