零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上)-优快云博客

本文介绍了如何使用Expression Blend 4中的Clip功能，通过矩形和圆形元素的相互裁剪，实现不同形状的创建。展示了如何设置MakeClippingPath对话框以裁剪对象，并提供了XAML代码示例。

原文: 零元学Expression Blend 4 - Chapter 37 看如何使用Clip修出想要的完美曲线(上)

几何外部的 UIElement 会在呈现的配置中以视觉化方式裁剪。几何不一定要是矩形。

裁剪区域是几何的「外部」。换句话说，如果几何是用来做为 Path 而非裁剪的资料，所显示 (未裁剪) 内容的几何区域即具有 Fill 属性。

裁剪区域是指落在几何覆叠外部的任何区域。

对於复杂的几何而言，区域的裁剪与否会受到几何的 FillRule 的影响。

开场白不知道怎麽写....那让我们直接进入主题吧!!!!!!

在画面上先後置入Rectangle以及Ellipse，并且使之有部分的交叠

接着，在Rectangle上点击右键->Path->Make Clipping Path

出现Make Clipping Path的对话视窗

选择要被路径剪裁的物件(Choose the object that will be clipped by the path)->Ellipse

来看一下结果：

以及XAML：

 
<Grid x:Name="LayoutRoot" Background="White"> 
    
    <Ellipse Fill="#FF0D00AF"  
    
             HorizontalAlignment="Left"  
    
             Margin="38,212,0,115"  
    
             Stroke="Black"  
    
             Width="153"  
    
             StrokeThickness="0"  
    
             Clip="M75,-129 L493,-129 L493,91 L75,91 z"/> 
    
</Grid>

我们直接做另一个是从Ellipse截掉Rectangle的操作，来比较差异

在Ellipse上点击右键->Path->Make Clipping Path->Rectangle

出现Make Clipping Path的对话视窗

选择要被路径剪裁的物件(Choose the object that will be clipped by the path)->Rectangle

来看一下结果：

以及XAML：

 
<Grid x:Name="LayoutRoot" Background="White"> 
    
    <Rectangle Fill="#FFFF00AF"  
    
               Margin="214,62,56,222"  
    
               Stroke="Black"  
    
               StrokeThickness="0"  
    
               Clip="M59,193 C59,228.34622 25.869072,257 -15,257 C-55.869072,257 -89,228.34622 -89,193 C-89,157.65378 -55.869072,129 -15,129 C25.869072,129 59,157.65378 59,193 z"/> 
    
</Grid>