windows8中实现图片的翻转替换效果

前台

<Page.Resources>
  <Storyboard x:Name="story1" Complete="story1_Completed_1">
    <DoubleAnimation Storyboard.TargetName="plance1" Storyboard.TargetProperty="RotationX" From="0" To="90"/>
  </Storyboard> 
  <Storyboard x:Name="story2" Complete="story1_Completed_2">   
     <DoubleAnimation Storyboard.TargetName="scale1" Storyboard.TargetProperty="RotationY" From="90" To="0"/>
  </Storyboard>
</Page.Resources>
<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
  <Image Name="img1" source="images/1.jpg" Margin="-380,59,380,462" Tapped="img1_Tapped">
    <Image.Projection>
      <PlaneProjection x:Name="pance1"
    </Image.Projection>
  </Image>
</Grid>

后台

private void img1_Tapped(object sender,TappedRoutedEventArgs e)
{
  story1.Begin();//单击时出现的情况
}

private void story1_Completed_1(object sender,object e)
{
  img1.Source=new BitmapImage(new Uri("ms-appx:///images/2.jpg"));//可以给当图片翻转过来时进行替换
  story2.Begin(); //当1完成时，再开始另一个动画
}

private void story1_Completed_2(object sender,object e)
{
  img1.Source=new BitmapImage(new Uri("ms-appx:///images/1.jpg"));//当图片换为另一个图片时可以再转换为第一次的图片
  story2.Begin(); //当1完成时，再开始另一个动画
}