使用OpacityMask 属性

UIElement 有OpacityMask 属性，它表示当前元素的不透明蒙版。该属性的值是Brush 类型，当给属性赋值后，该属性仅使用Alpha 通道值，其他通道（RGB）通道将会被忽略。

下面的例子使用LinearGradientBrush 渐变色作为图像的不透明蒙版。

原图不设置不透明蒙版显示如下：

设置渐变画刷为不透明蒙版：

[html] view plain copy

1. <Image Source="rock.png">  
2.     <Image.OpacityMask>  
3.         <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">  
4.             <GradientStop Color="#FFFFFFFF" Offset="0"/>  
5.             <GradientStop Color="#00FFFFFF" Offset="1"/>  
6.         </LinearGradientBrush>  
7.     </Image.OpacityMask>  
8. </Image>  

可以看到图片的不透明度会随着渐变画刷的不透明度改变。

通常情况下，我们也使用图片作为不透明蒙版。

例如，有下面一张图片，我们使用ImageBrush 将它作为不透明蒙版使用。

 

[html] view plain copy

1. <Image Source="Images\Rocks2Small.jpg" Width="400">  
2.     <Image.OpacityMask>  
3.         <ImageBrush ImageSource="Images\FaceMask.png"/>  
4.     </Image.OpacityMask>  
5. </Image>  

效果如下：