更新时间:2022-09-19 23:40:14
Button 透明效果
<Window x:Class= "ControlTest2.ButtonGlassTest"
xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x= "http://schemas.microsoft.com/winfx/2006/xaml"
Title= "ButtonGlassTest" Height= "480" Width= "640" >
<Window.Resources>
<ControlTemplate x:Key= "GlassButton" TargetType= "{x:Type Button}" >
<ControlTemplate.Resources>
<Storyboard x:Key= "Timeline1" >
<DoubleAnimationUsingKeyFrames BeginTime= "00:00:00" Storyboard.TargetName= "glow" Storyboard.TargetProperty= "(UIElement.Opacity)" >
<SplineDoubleKeyFrame KeyTime= "00:00:00.3000000" Value= "1" />
</DoubleAnimationUsingKeyFrames>
</Storyboard>
<Storyboard x:Key= "Timeline2" >
<DoubleAnimationUsingKeyFrames BeginTime= "00:00:00" Storyboard.TargetName= "glow" Storyboard.TargetProperty= "(UIElement.Opacity)" >
<SplineDoubleKeyFrame KeyTime= "00:00:00.3000000" Value= "0" />
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</ControlTemplate.Resources>
<Border BorderBrush= "#FFFFFFFF" BorderThickness= "1,1,1,1" CornerRadius= "4,4,4,4" >
<Border x:Name= "border" Background= "#7F000000" BorderBrush= "#FF000000" BorderThickness= "1,1,1,1" CornerRadius= "4,4,4,4" >
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height= "0.507*" />
<RowDefinition Height= "0.493*" />
</Grid.RowDefinitions>
<Border Opacity= "0" HorizontalAlignment= "Stretch" x:Name= "glow" Width= "Auto" Grid.RowSpan= "2" CornerRadius= "4,4,4,4" >
<Border.Background>
<RadialGradientBrush>
<RadialGradientBrush.RelativeTransform>
<TransformGroup>
<ScaleTransform ScaleX= "1.702" ScaleY= "2.243" />
<SkewTransform AngleX= "0" AngleY= "0" />
<RotateTransform Angle= "0" />
<TranslateTransform X= "-0.368" Y= "-0.152" />
</TransformGroup>
</RadialGradientBrush.RelativeTransform>
<GradientStop Color= "#B28DBDFF" Offset= "0" />
<GradientStop Color= "#008DBDFF" Offset= "1" />
</RadialGradientBrush>
</Border.Background>
</Border>
<ContentPresenter HorizontalAlignment= "Center" VerticalAlignment= "Center" Width= "Auto" Grid.RowSpan= "2" />
<Border HorizontalAlignment= "Stretch" Margin= "0,0,0,0" x:Name= "shine" Width= "Auto" CornerRadius= "4,4,0,0" >
<Border.Background>
<LinearGradientBrush EndPoint= "0.494,0.889" StartPoint= "0.494,0.028" >
<GradientStop Color= "#99FFFFFF" Offset= "0" />
<GradientStop Color= "#33FFFFFF" Offset= "1" />
</LinearGradientBrush>
</Border.Background>
</Border>
</Grid>
</Border>
</Border>
<ControlTemplate.Triggers>
<Trigger Property= "IsPressed" Value= "True" >
<Setter Property= "Opacity" TargetName= "shine" Value= "0.4" />
<Setter Property= "Background" TargetName= "border" Value= "#CC000000" />
<Setter Property= "Visibility" TargetName= "glow" Value= "Hidden" />
</Trigger>
<Trigger Property= "IsMouseOver" Value= "True" >
<Trigger.EnterActions>
<BeginStoryboard Storyboard= "{StaticResource Timeline1}" />
</Trigger.EnterActions>
<Trigger.ExitActions>
<BeginStoryboard x:Name= "Timeline2_BeginStoryboard" Storyboard= "{StaticResource Timeline2}" />
</Trigger.ExitActions>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Window.Resources>
<Grid>
<Grid.Background>
<LinearGradientBrush EndPoint= "0.486,0.986" StartPoint= "0.486,0" >
<GradientStop Color= "#FF000000" Offset= "0" />
<GradientStop Color= "#FFD0D0D0" Offset= "1" />
<GradientStop Color= "#FF8D8D8D" Offset= "0.558" />
<GradientStop Color= "#FF8D8D8D" Offset= "0.76" />
<GradientStop Color= "#FF747474" Offset= "0.615" />
</LinearGradientBrush>
</Grid.Background>
<Button HorizontalAlignment= "Left" Margin= "31,0,0,182" VerticalAlignment= "Bottom" Width= "176" Height= "34" Content= "Button" Foreground= "#FFFFFFFF"
Template= "{DynamicResource GlassButton}" />
<Image Margin= "221,89,27.001,73" Source= "Aero_Grass.jpg" Stretch= "Fill" >
<Image.OpacityMask>
<RadialGradientBrush>
<GradientStop Color= "#FF000000" Offset= "0" />
<GradientStop Color= "#00FFFFFF" Offset= "1" />
</RadialGradientBrush>
</Image.OpacityMask>
</Image>
<Button HorizontalAlignment= "Right" Margin= "0,0,120,158" VerticalAlignment= "Bottom" Width= "179" Height= "34" Content= "My New Glass Button"
Foreground= "#FFFFFFFF" Template= "{DynamicResource GlassButton}" />
<Button Width= "179" Foreground= "#FFFFFFFF" Template= "{DynamicResource GlassButton}" HorizontalAlignment= "Right" Margin= "0,192,120,218" >
<StackPanel HorizontalAlignment= "Left" Width= "Auto" Height= "Auto" Orientation= "Horizontal" >
<Image Width= "20" Height= "20" Source= "Aero_Grass.jpg" Stretch= "Fill" />
<TextBlock Margin= "5,0,50,0" VerticalAlignment= "Center" FontSize= "12" Text= "Internet Explorer" TextWrapping= "Wrap" />
</StackPanel>
</Button>
</Grid>
</Window> |
如图:
本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/archive/2011/11/08/2241135.html,如需转载请自行联系原作者