如何将方形图像屏蔽为圆角图像？答案

【问题标题】：How to mask a square image into an image with round corners?如何将方形图像屏蔽为圆角图像？
【发布时间】：2013-01-30 07:01:36
【问题描述】：

因为我想为我的图像控件实现一个圆角蒙版，所以我设计了一个这样的控件

    <Border x:Name="Border1"  CornerRadius="{Binding CornerRadius,Mode=TwoWay}"  >
            <Image  x:Name="ImageSource1" Background="Transparent" >
            </Image>
    </Border> 
<Border x:Name="MaskBorder1"  BorderBrush="White"  CornerRadius="{Binding CornerRadius,Mode=TwoWay}" BorderThickness="3" />

但是我得到了一个 Control 。

有人想用 Border Color 填充角落吗？

【问题讨论】：

标签： c# xaml windows-phone-8

【解决方案1】：

只需剪辑图像，这是我使用的 sn-p

 <Image                               
                            Width="96"
                            Height="96"
                            Stretch="UniformToFill"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top">
                            <Image.Clip>
                                <EllipseGeometry
                                    Center="48,48"
                                    RadiusX="48"
                                    RadiusY="48" />
                            </Image.Clip>
                        </Image>

要使其工作，您需要将 Center、RadiusX 和 RadiusY 设置为图像大小的一半。

【讨论】：

这不适用于 Windows Phone 8.1 (RT)，因为它只支持矩形裁剪

【解决方案2】：

不知道这会有所帮助吗？但是对于图像处理，我总是使用Writeablebitmapex library！ here...

希望对你有帮助

【讨论】：

非常有帮助。谢谢@Depechie ..！

【解决方案3】：

不确定您对CornerRadius="{Binding CornerRadius,Mode=TwoWay}" 的使用，但我很想看看您的实现，在查看Stecya's post here 后，如果它证明是您正在寻找的。p>

【讨论】：