Imitate 36. Anti-Virus ~ Imitation 36 anti-virus button
1 <Style x: Key = "360btn" TargetType = "{x: Type Button}"> 2 <Setter Property = "Template"> 3 <Setter. value> 4 <ControlTemplate TargetType = "{x: Type Button}"> 5 <ControlTemplate. resources> 6 <Storyboard x: Key = "Storyboard1"> 7 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Panel. background ). (SolidColorBrush. color) "Storyboard. targetName = "border"> 8 <EasingColorKeyFrame KeyTime = "0" Value = "White"/> 9 </ColorAnimationUsingKeyFrames> 10 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Border. borderBrush ). (SolidColorBrush. color) "Storyboard. targetName = "border"> 11 <EasingColorKeyFrame KeyTime = "0" Value = "White"/> 12 <EasingColorKeyFrame KeyTime = "0: 0. 1 "Value =" # FFA2E5A0 "/> 13 </ColorAnimationUsingKeyFrames> 14 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Shape. stroke ). (SolidColorBrush. color) "Storyboard. targetName = "p2"> 15 <EasingColorKeyFrame KeyTime = "0: 0. 1 "Value =" White "/> 16 <EasingColorKeyFrame KeyTime =" 0: 0. 3 "Value =" # FF41C236 "/> 17 </ColorAnimationUsingKeyFrames> 18 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Shape. stroke ). (SolidColorBrush. color) "Storyboard. targetName = "p3"> 19 <EasingColorKeyFrame KeyTime = "0: 0. 2 "Value =" White "/> 20 <EasingColorKeyFrame KeyTime =" 0: 0. 4 "Value =" # FF41C236 "/> 21 </ColorAnimationUsingKeyFrames> 22 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Shape. stroke ). (SolidColorBrush. color) "Storyboard. targetName = "p4"> 23 <EasingColorKeyFrame KeyTime = "0: 0. 3 "Value =" White "/> 24 <EasingColorKeyFrame KeyTime =" 0: 0. 5 "Value =" # FF41C236 "/> 25 </ColorAnimationUsingKeyFrames> 26 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Shape. stroke ). (SolidColorBrush. color) "Storyboard. targetName = "p5"> 27 <EasingColorKeyFrame KeyTime = "0: 0. 4 "Value =" White "/> 28 <EasingColorKeyFrame KeyTime =" 0: 0. 6 "Value =" # FF41C236 "/> 29 </ColorAnimationUsingKeyFrames> 30 <ColorAnimationUsingKeyFrames Storyboard. targetProperty = "(Shape. stroke ). (SolidColorBrush. color) "Storyboard. targetName = "p1"> 31 <EasingColorKeyFrame KeyTime = "0" Value = "White"/> 32 <EasingColorKeyFrame KeyTime = "0: 0. 1 "Value =" # FF41C236 "/> 33 </ColorAnimationUsingKeyFrames> 34 </Storyboard> 35 </ControlTemplate. resources> 36 37 <Border x: name = "border" CornerRadius = "70" BorderBrush = "white" BorderThickness = "6" Height = "142" Width = "143" Background = "Black"> 38 <Grid> 39 <Rectangle x: name = "rectangle" Fill = "White" HorizontalAlignment = "Left" Height = "130" RadiusY = "65" RadiusX = "65" Stroke = "#41C236" StrokeThickness = "3 "VerticalAlignment =" Top "Width =" 131 "/> 40 <Rectangle Fill =" White "HorizontalAlignment =" Left "Height =" 50 "Margin =" 36 "RadiusY =" 65 "RadiusX =" 65 "Stroke =" #41C236 "StrokeThickness =" 3 "verticalignment =" Top "Width =" 50 "/> 41 <Rectangle Fill =" #41C236 "HorizontalAlignment = ""Left" Height = "9.448" Margin = "80 80 0 0" Stroke = "#41C236" StrokeThickness = "3" VerticalAlignment = "Top" Width = "23.729" RenderTransformOrigin =" 0.5, 0.5 "RadiusY =" 3.654 "RadiusX =" 3.654 "> 42 <Rectangle. renderTransform> 43 <TransformGroup> 44 <RotateTransform Angle = "32.454"/> 45 </TransformGroup> 46 </Rectangle. renderTransform> 47 </Rectangle> 48 <Path x: Name = "p1" Data = "M150, 120 L173, 120 "Fill =" White "HorizontalAlignment =" Left "Height =" 3 "Margin =" 40 66 0 0 0 "Stretch =" Fill "Stroke =" #41C236 "StrokeThickness =" 3 "VerticalAlignment =" Top "Width =" 17 "/> 49 <Path x: name = "p2" Data = "M171, 124 L181, 111 "Fill =" White "HorizontalAlignment =" Left "Height =" 20.314 "Margin =" 50 48 0 0 "Stretch =" Fill "Stroke =" #41C236 "StrokeThickness =" 3 "VerticalAlignment =" Top "Width =" 17.23 "RenderTransformOrigin =" 0.5, 0.5 "> 50 <Path. renderTransform> 51 <TransformGroup> 52 <ScaleTransform/> 53 <SkewTransform/> 54 <RotateTransform Angle = "-19.995"/> 55 <TranslateTransform/> 56 </TransformGroup> 57 </ path. renderTransform> 58 </Path> 59 <Path x: Name = "p3" Data = "M177, 107 L179.5, 119.5 "Fill =" White "HorizontalAlignment =" Left "Height =" 33.5 "Margin =" 61 43 0 0 "Stretch =" Fill "Stroke =" #41C236 "StrokeThickness =" 3 "VerticalAlignment =" Top "Width =" 10 "/> 60 <Path x: name = "p4" Data = "m18five, 138 L192.5, 124 "Fill =" White "HorizontalAlignment =" Left "Height =" 17 "Margin =" 69 58 0 0 "Stretch =" Fill "Stroke =" #41C236 "StrokeThickness =" 3 "VerticalAlignment =" Top "Width =" 10.5 "type =" regxph "text =" yourobjectname "/> 61 <Path x: name = "p5" Data = "M190, 124 L200, 124 "Fill =" White "HorizontalAlignment =" Left "Height =" 3 "Margin =" 74 60 0 0 "Stretch =" Fill "Stroke =" #41C236 "StrokeThickness =" 3 "VerticalAlignment =" Top "Width =" 13 "/> 62 63 </Grid> 64 </Border> 65 <ControlTemplate. triggers> 66 <Trigger Property = "IsMouseOver" Value = "True"> 67 <Trigger. enterActions> 68 <BeginStoryboard Storyboard = "{StaticResource Storyboard1}"/> 69 </Trigger. enterActions> 70 71 </Trigger> 72 </ControlTemplate. triggers> 73 </ControlTemplate> 74 </Setter. value> 75 </Setter> 76 </Style>Style1 <Button x: Name = "button" Style = "{DynamicResource 360btn}" Margin = "394,230,"> 2 3 </Button>View Code
Attached:
Http://www.cnblogs.com/yanjinhua/p/5643459.html