标签:sof pad nfx ica tco width name table city
原文 https://dailydotnettips.com/how-to-create-simple-faded-transparent-controls-in-wpf/
使用OpacityMask
属性,我们可以使元素的特定区域透明或部分透明。在这个技巧中,我将向您展示如何在WPF中的某些元素上应用褪色透明效果。
我们可以使用OpacityMask
与两个SolidColorBrush
或GradientColorBrush
。但是如果你想达到与褪色鉴于透明效果,你必须使用OpacityMask
与LinearGradientBrush
甚至可以使用RadialGradientBrush
。
让我们从GradientColorBrush开始,我已经应用了一个渐变效果,它从固体颜色移动到透明颜色,适用于TextBox控件。
因此,上面的代码块设置TextBox控件OpacityMask
,LinerGradientBrush
其中渐变从黑色开始到透明。
类似地,您也可以应用其他元素,比如下面的Button控件
在运行中,我们将得到以下输出。
那么,现在你可以尝试RadialGradientBrush
更多的乐趣
在完整的XAML代码块下面
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
三十
31
|
<Window x:Class="WpfApplication3.MainWindow" 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。
标签:sof pad nfx ica tco width name table city
原文地址:https://www.cnblogs.com/lonelyxmas/p/10799546.html