Advertisement
Razali

WPF Purple Button Style Resource

Aug 4th, 2015
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 5.34 KB | None | 0 0
  1. <Style x:Key="PurpleButton" TargetType="{x:Type Button}">
  2.         <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
  3.         <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
  4.         <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
  5.         <Setter Property="BorderThickness" Value="1"/>
  6.         <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
  7.         <Setter Property="HorizontalContentAlignment" Value="Center"/>
  8.         <Setter Property="VerticalContentAlignment" Value="Center"/>
  9.         <Setter Property="Padding" Value="1"/>
  10.         <Setter Property="Template">
  11.             <Setter.Value>
  12.                 <ControlTemplate TargetType="{x:Type Button}">
  13.                     <ControlTemplate.Resources>
  14.                         <Storyboard x:Key="OnMouseEnter1">
  15.                             <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="Content">
  16.                                 <EasingColorKeyFrame KeyTime="0" Value="White"/>
  17.                             </ColorAnimationUsingKeyFrames>
  18.                             <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="mainBorder">
  19.                                 <EasingColorKeyFrame KeyTime="0" Value="#E58E00B8"/>
  20.                             </ColorAnimationUsingKeyFrames>
  21.                         </Storyboard>
  22.                         <Storyboard x:Key="OnMouseLeave1">
  23.                             <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="mainBorder">
  24.                                 <EasingColorKeyFrame KeyTime="0" Value="#FF8E00B8"/>
  25.                             </ColorAnimationUsingKeyFrames>
  26.                             <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="Content">
  27.                                 <EasingColorKeyFrame KeyTime="0" Value="White"/>
  28.                             </ColorAnimationUsingKeyFrames>
  29.                         </Storyboard>
  30.                         <Storyboard x:Key="Click">
  31.                             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Content">
  32.                                 <EasingDoubleKeyFrame KeyTime="0" Value="1.334"/>
  33.                             </DoubleAnimationUsingKeyFrames>
  34.                             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Content">
  35.                                 <EasingDoubleKeyFrame KeyTime="0" Value="1.334"/>
  36.                             </DoubleAnimationUsingKeyFrames>
  37.                         </Storyboard>
  38.                         <Storyboard x:Key="unclick">
  39.                             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="Content">
  40.                                 <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
  41.                             </DoubleAnimationUsingKeyFrames>
  42.                             <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="Content">
  43.                                 <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
  44.                             </DoubleAnimationUsingKeyFrames>
  45.                         </Storyboard>
  46.                     </ControlTemplate.Resources>
  47.                     <Grid x:Name="grid" Margin="-56,-26,-38,6" Background="#00D33636">
  48.                         <Grid.ColumnDefinitions>
  49.                             <ColumnDefinition Width="89*"/>
  50.                             <ColumnDefinition Width="80*"/>
  51.                         </Grid.ColumnDefinitions>
  52.                         <Border x:Name="mainBorder" BorderThickness="1" HorizontalAlignment="Left" Height="41.96" VerticalAlignment="Top" Width="169" Margin="0" Background="#FF8E00B8" CornerRadius="10" Grid.ColumnSpan="2" BorderBrush="#FF62037E">
  53.                             <TextBlock x:Name="Content" TextWrapping="Wrap" Margin="58.3,11.646,62.3,13.646" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="Razer Regular" Foreground="White" RenderTransformOrigin="0.5,0.5">
  54.                                 <TextBlock.RenderTransform>
  55.                                     <TransformGroup>
  56.                                         <ScaleTransform/>
  57.                                         <SkewTransform/>
  58.                                         <RotateTransform/>
  59.                                         <TranslateTransform/>
  60.                                     </TransformGroup>
  61.                                 </TextBlock.RenderTransform><Run Text="Button"/></TextBlock>
  62.                         </Border>
  63.                         <Border x:Name="lightShade" BorderBrush="{x:Null}" BorderThickness="1" HorizontalAlignment="Left" Height="21.96" VerticalAlignment="Top" Width="169" Background="White" Opacity="0.25" CornerRadius="10" Grid.ColumnSpan="2"/>
  64.                         <Border x:Name="bottomShade" BorderBrush="{x:Null}" BorderThickness="1" HorizontalAlignment="Left" Height="5" VerticalAlignment="Top" Width="150" Grid.ColumnSpan="2" Margin="14,34.96,0,0" CornerRadius="10" Background="White" Opacity="0.1"/>
  65.                     </Grid>
  66.                     <ControlTemplate.Triggers>
  67.                         <EventTrigger RoutedEvent="UIElement.MouseEnter">
  68.                             <BeginStoryboard Storyboard="{StaticResource OnMouseEnter1}"/>
  69.                         </EventTrigger>
  70.                         <Trigger Property="IsPressed" Value="True">
  71.                             <Trigger.ExitActions>
  72.                                 <BeginStoryboard x:Name="unclick_BeginStoryboard" Storyboard="{StaticResource unclick}"/>
  73.                             </Trigger.ExitActions>
  74.                             <Trigger.EnterActions>
  75.                                 <BeginStoryboard x:Name="Click_BeginStoryboard" Storyboard="{StaticResource Click}"/>
  76.                             </Trigger.EnterActions>
  77.                         </Trigger>
  78.                         <EventTrigger RoutedEvent="UIElement.MouseLeave">
  79.                             <BeginStoryboard x:Name="OnMouseLeave1_BeginStoryboard" Storyboard="{StaticResource OnMouseLeave1}"/>
  80.                         </EventTrigger>
  81.                     </ControlTemplate.Triggers>
  82.                 </ControlTemplate>
  83.             </Setter.Value>
  84.         </Setter>
  85.     </Style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement