Win8 小动画的实现

前台

<Page
    x:Class="动画2.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:动画2"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Page.Resources>
        <Storyboard x:Name="story1" Completed="story1_Completed_1">
            <DoubleAnimation Storyboard.TargetName="scale1" Storyboard.TargetProperty="ScaleX" From="1" To="3" Duration="00:00:05" AutoReverse="True" RepeatBehavior="2x"/>
        </Storyboard>
        <Storyboard x:Name="story2">
            <DoubleAnimation Storyboard.TargetName="scale1" Storyboard.TargetProperty="ScaleY" From="1" To="3"/>
        </Storyboard>
    </Page.Resources>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Button Content="按钮" FontSize="30" Click="Button_Click_1">
            <Button.RenderTransform>
                <ScaleTransform x:Name="scale1"/>
            </Button.RenderTransform>
        </Button>
    </Grid>
</Page>
后台

  public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        /// <summary>
        /// 在此页将要在 Frame 中显示时进行调用。
        /// </summary>
        /// <param name="e">描述如何访问此页的事件数据。Parameter
        /// 属性通常用于配置页。</param>
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
    
        }
        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            story1.Begin();

        }

        private void story1_Completed_1(object sender, object e)
        {
            story2.Begin();
        }
    }