1 <Grid>
2
3 <Grid.Resources>
4
5 <Storyboard x:Name="buttonAnimation">
6
7 <!--简单数值类变换动画-->
8 <DoubleAnimation
9 Storyboard.TargetName="button"
10 Storyboard.TargetProperty="Width"
11 By="200"
12 Duration="0:0:1"
13 EnableDependentAnimation="True"/>
14
15 <ColorAnimation
16 Storyboard.TargetName="bg_color"
17 Storyboard.TargetProperty="Color"
18 From="Red" To="Blue"
19 Duration="0:0:1"
20 EnableDependentAnimation="True"/>
21
22 <PointAnimation
23 Storyboard.TargetName="ellipseGeometry"
24 Storyboard.TargetProperty="Center"
25 From="0,0" To="100,100"
26 Duration="0:0:1"
27 EnableDependentAnimation="True"/>
28
29 <ObjectAnimationUsingKeyFrames
30 Storyboard.TargetName="button"
31 Storyboard.TargetProperty="Foreground"
32 Duration="0:0:1">
33 <!--第一个关键帧-->
34 <DiscreteObjectKeyFrame KeyTime="0:0:0.3">
35 <DiscreteObjectKeyFrame.Value>
36 <SolidColorBrush Color="Red"/>
37 </DiscreteObjectKeyFrame.Value>
38 </DiscreteObjectKeyFrame>
39 <!--第二个关键帧-->
40 <DiscreteObjectKeyFrame KeyTime="0:0:0.6">
41 <DiscreteObjectKeyFrame.Value>
42 <SolidColorBrush Color="AliceBlue"/>
43 </DiscreteObjectKeyFrame.Value>
44 </DiscreteObjectKeyFrame>
45 </ObjectAnimationUsingKeyFrames>
46
47 </Storyboard>
48
49 <SolidColorBrush x:Name="bg_color" Color="Black"/>
50
51 </Grid.Resources>
52
53 <Button x:Name="button" Content="变换的按钮" Width="100" HorizontalAlignment="Center" Foreground="White" Background="{StaticResource bg_color}" Click="button_Click"/>
54 <Path Fill="Blue">
55 <Path.Data>
56 <GeometryGroup>
57 <EllipseGeometry x:Name="ellipseGeometry"
58 Center="200,100" RadiusX="15" RadiusY="15" />
59 <RectangleGeometry Rect="10,10,50,50"/>
60 </GeometryGroup>
61 </Path.Data>
62 </Path>
63 </Grid>
64
65
66 <Grid>
67 <Grid.Resources>
68 <Storyboard x:Name="buttonAnimation">
69 <PopInThemeAnimation
70 Storyboard.TargetName="rectangle"/>
71 </Storyboard>
72 </Grid.Resources>
73 <Button x:Name="rectangle" Content="Button" HorizontalAlignment="Center" Click="Button_Click" Opacity="1"/>
74 </Grid>
