使用OpacityMask 属性

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

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

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

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

    <Image Source="rock.png">
        <Image.OpacityMask>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#00FFFFFF" Offset="1"/>
            </LinearGradientBrush>
        </Image.OpacityMask>
    </Image>

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

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

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

<Image Source="Images\Rocks2Small.jpg" Width="400">
    <Image.OpacityMask>
        <ImageBrush ImageSource="Images\FaceMask.png"/>
    </Image.OpacityMask>
</Image>

效果如下：

参考文章：https://wpf.2000things.com/2012/05/14/557-using-an-image-as-an-opacity-mask/