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             <ColorAnimation16             Storyboard.TargetName="bg_color"17             Storyboard.TargetProperty="Color"18             From="Red" To="Blue"19             Duration="0:0:1"20             EnableDependentAnimation="True"/>21 22             <PointAnimation23             Storyboard.TargetName="ellipseGeometry"24             Storyboard.TargetProperty="Center"25             From="0,0" To="100,100"26             Duration="0:0:1"27             EnableDependentAnimation="True"/>28 29             <ObjectAnimationUsingKeyFrames30             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             <PopInThemeAnimation70                 Storyboard.TargetName="rectangle"/>71         </Storyboard>72     </Grid.Resources>73     <Button x:Name="rectangle" Content="Button" HorizontalAlignment="Center" Click="Button_Click" Opacity="1"/>74 </Grid>