WPF 容器裁剪

如果在WPF中开发UI，难免会碰到一些需要裁剪，掩盖等问题，我们不希望容器里面的东西比容器还大，喧宾夺主。

大多数时候可以 ClipToBounds="True" 来解决

但是有时候他并没有这么好用，比如裁切圆角，或者完全掩盖的时候

这时候我推荐使用路径裁切，这样的裁切是通过裁剪掩码，直接不显示不在路径的区域，十分好用

以一个简单几个例子来说明：

1.支持用Geometry类型如EllipseGeometry、RectangleGeometry等定义裁剪区域的形状

<Border>
    <Border.Clip>
        <RectangleGeometry RadiusX="40" RadiusY="40" Rect="0,0,100,50"/>
    </Border.Clip>
</Border>

这里可以理解成，将Border以里面的路径进行裁切，上面这个形状大概是个胶囊。这样的话，无论在里面放什么元素，他都只能呈现胶囊形状。

2.支持ImageBrush类型值

<Border.Clip> 
    <ImageBrush ImageSource="image.png"/>
 </Border.Clip>

使用ImageBrush指定使用图片做为裁剪掩码。

3.支持VisualBrush类型值

<Border.Clip>
    <VisualBrush Visual="{Binding ElementName=MyShape}"/>
</Border.Clip>

使用可视元素作为裁剪掩码,如Shape元素。

4.支持自定义

<Geometry x:Key="XXXGeometry">
    M4.84537008,27.5185866 L4.889370...
</Geometry>
 
<Border Clip="{StaticResource XXXGeometry}"/>