如何在WPF控件上应用简单的褪色透明效果？

使用OpacityMask属性，我们可以使元素的特定区域透明或部分透明。在这个技巧中，我将向您展示如何在WPF中的某些元素上应用褪色透明效果。

我们可以使用OpacityMask与两个SolidColorBrush或GradientColorBrush。但是如果你想达到与褪色鉴于透明效果，你必须使用OpacityMask与LinearGradientBrush甚至可以使用RadialGradientBrush。

让我们从GradientColorBrush开始，我已经应用了一个渐变效果，它从固体颜色移动到透明颜色，适用于TextBox控件。

因此，上面的代码块设置TextBox控件OpacityMask，LinerGradientBrush其中渐变从黑色开始到透明。

类似地，您也可以应用其他元素，比如下面的Button控件

在运行中，我们将得到以下输出。

那么，现在你可以尝试RadialGradientBrush更多的乐趣

在完整的XAML代码块下面

三十

<Window x:Class="WpfApplication3.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525" Background="AliceBlue">

<Grid>

<Image Name="image1" Stretch="Fill"  Margin="12" Source="/WpfApplication3;component/Images/Backgrounds_25962.jpg" />

<Button

Content="Click Me !"

Height="42"

HorizontalAlignment="Left"

Margin="152,213,0,0"

Name="TransBurron"

VerticalAlignment="Top"

Width="234" >

<Button.OpacityMask>

<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">

<GradientStop Offset="0.3" Color="Black"></GradientStop>

<GradientStop Offset="1" Color="Transparent"></GradientStop>

</LinearGradientBrush>

</Button.OpacityMask>

</Button>

<TextBox Height="30" Margin="83,74,59,207">

<TextBox.OpacityMask>

<LinearGradientBrush StartPoint="0,0" EndPoint="1,0">

<GradientStop Offset="0" Color="Black"></GradientStop>

<GradientStop Offset="1" Color="Transparent"></GradientStop>

</LinearGradientBrush>

</TextBox.OpacityMask>

</TextBox>

</Grid>

</Window>

希望这会有所帮助。

干杯！

AJ。

巴特西