适用于 Windows Phone 的 Silverlight 中的 UIElement.Clip答案

【问题标题】：UIElement.Clip in Silverlight for Windows Phone适用于 Windows Phone 的 Silverlight 中的 UIElement.Clip
【发布时间】：2011-06-07 19:42:42
【问题描述】：

我在模板中有以下元素，它应该创建一个中间有一个空心部分的矩形。它在 Blend 中显示正常，但在手机或模拟器中 Clip 属性被忽略并显示为普通矩形。

<Border x:Name="Background" Background="#FF3FC4FF" Clip="M0,0L0,0L94,0L94,94L0,94M6,6L6,6L88,6L88,61L6,61" />

UIElement.Clip 属性是否应该在 WP7 中工作？

提前致谢。

【问题讨论】：

标签： silverlight windows-phone-7

【解决方案1】：

是的，它应该可以工作：

                        <Border x:Name="Background" BorderThickness="2" Margin="10,10,0,10" CornerRadius="5">
                            <Image Height="50" Width="50"  HorizontalAlignment="Center" VerticalAlignment="Top" Source="{Binding ImageUrl, Mode=OneWay}" >
                                <Image.Clip>
                                    <RectangleGeometry RadiusX="5" RadiusY="5" Rect="0, 0, 50, 50" />
                                </Image.Clip>
                            </Image>
                        </Border>

Ofcurse 您可以将背景图像更改为其他内容（画布？）和剪辑的几何形状。

【讨论】：

可行，但我实际上是在尝试创建一个空心矩形。

【解决方案2】：

感谢您的帮助。我终于通过重新排列路径中的点使其工作：

<Border x:Name="Background" Fill="#FF3FC4FF" Clip="M0,0L94,0L94,61L88,61L88,6L6,6L6,61L0,61L0,85L94,85L94,61L0,61" />

【讨论】：