如何将方形图像掩盖成圆角图像?

时间:2013-01-30 07:01:36

标签: c# xaml windows-phone-8

因为我想在我的图像控制中实施圆角面具,我设计了一个像这样的控件

    <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" />

但是我正在使用。

获得控制

enter image description here

任何人都有想法用边框颜色填充角落?

3 个答案:

答案 0 :(得分:7)

只需剪辑图片,这是我使用的代码段

 <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设置为图像大小的一半。

答案 1 :(得分:2)

不知道这有用吗?但对于图像操作,我总是使用Writeablebitmapex library! 可以找到掩盖图像的一个很好的例子here...

希望有所帮助

答案 2 :(得分:0)

不确定您对CornerRadius="{Binding CornerRadius,Mode=TwoWay}"的使用情况,但在查看Stecya's post here之后,如果它被证明是您正在寻找的内容,我会对您的实施感兴趣。