如何在 Windows Phone 上将方形图像制作成圆形图像答案

【问题标题】：How to make a squared image to a round image on Windows Phone如何在 Windows Phone 上将方形图像制作成圆形图像
【发布时间】：2014-01-13 13:13:13
【问题描述】：

是否可以在 Windows 手机上从方形图像制作圆形图像？我有很多图像应该显示为一个圆圈。但是我该怎么做呢？

【问题讨论】：

标签： xaml windows-phone-8

【解决方案1】：

在 XAML 中，您想使用 Ellipse 控件制作圆。然后给它一个 ImageBrush 填充。

<Ellipse Height="100" Width="100">
    <Ellipse.Fill>
        <ImageBrush ImageSource="YourImage.png"/>
    </Ellipse.Fill>
</Ellipse>

【讨论】：

仅供参考，这不会保留纵横比。
使用<ImageBrush ImageSource="YourImage.png" Stretch="UniformToFill"/> 保留纵横比和剪辑。

【解决方案2】：

我的想法很简单：

<Image Source="ImagePath" Width="326" Height="188">
    <Image.Clip>
        <EllipseGeometry Center="170,90" RadiusX="90" RadiusY="90" />
    </Image.Clip>
</Image>

或者您可以将 OpacityMask 应用于图像以创建各种不透明度相关的照片蒙版

<Image Source="ImagePath" >
       <Image.OpacityMask>
              <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">                          
                            <GradientStop Color="#ffffffff" Offset="0.5" />
                            <GradientStop Color="#00ffffff" Offset="0.8" />
               </RadialGradientBrush>
       </Image.OpacityMask>
</Image>

【讨论】：

这两个选项都不适用于 Windows Phone 8.1 (WinRT)

【解决方案3】：

您可以使用 Image.Clip，但我更喜欢 @robwirving 解决方案。但是你现在需要做出选择！这里的信息 => http://msdn.microsoft.com/fr-fr/library/system.windows.uielement.clip(v=vs.110).aspx

【讨论】：