Как перейти на следующую страницу после завершения анимации?

Question

Я пытаюсь сделать анимацию для Splashscreen в телефоне Windows 8. Я завершил анимацию для объекта, чтобы отскок. Но после завершения анимации он должен сразу перейти на следующую страницу. Как это сделать?

//MainPage.xaml 
     <phone:PhoneApplicationPage.Resources> 
       <Storyboard x:Name="Storyboard1"> 
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="arc"> 
         <EasingDoubleKeyFrame KeyTime="0" Value="-555"> 
          <EasingDoubleKeyFrame.EasingFunction> 
           <BounceEase EasingMode="EaseOut"/> 
          </EasingDoubleKeyFrame.EasingFunction> 
         </EasingDoubleKeyFrame> 
         <DiscreteDoubleKeyFrame KeyTime="0:0:5" Value="-150"/> 

        </DoubleAnimationUsingKeyFrames> 
       </Storyboard> 
      </phone:PhoneApplicationPage.Resources> 

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> 

      <es:Arc x:Name="arc" ArcThickness="20" ArcThicknessUnit="Pixel" EndAngle="360" HorizontalAlignment="Left" Height="100" Margin="174,369.5,0,0" Stretch="None" Stroke="Black" StartAngle="0" UseLayoutRounding="False" VerticalAlignment="Top" Width="100" RenderTransformOrigin="0.5,0.5" Loaded="arc_Loaded"> 
       <es:Arc.RenderTransform> 
        <CompositeTransform/> 
       </es:Arc.RenderTransform> 
       <es:Arc.Fill> 
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
         <GradientStop Color="#FF3B9E5B" Offset="0"/> 
         <GradientStop Color="#FF8D2727" Offset="1"/> 
        </LinearGradientBrush> 
       </es:Arc.Fill> 
      </es:Arc> 

     </Grid> 

Answer 1

Heres решение, но я думаю, вы должны разделить больше о проблеме, если это оленья кожа поможет

<Storyboard x:Name="StoryboardTest" Completed="Storyboard_Completed"> 
       //What ever animation you want to do 
      </Storyboard> 

И в файле CS:

private void Storyboard_Completed(object sender, EventArgs e) 
{ 
    NavigationService.Navigate(new Uri("/SecondPage.xaml", UriKind.Relative)); 
} 

Для демо на анимационном заставке перейдите по этой ссылке progress bar splash screen и примените свою анимацию соответственно.

Answer 2

Вы можете перейти к следующей странице в Завершенное мероприятие сотрита.

<Storyboard x:Name="Storyboard1" Completed="Storyboard_Completed_1"> 
       <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="arc"> 
        <EasingDoubleKeyFrame KeyTime="0" Value="-555"> 
         <EasingDoubleKeyFrame.EasingFunction> 
          <BounceEase EasingMode="EaseOut"/> 
         </EasingDoubleKeyFrame.EasingFunction> 
        </EasingDoubleKeyFrame> 
        <DiscreteDoubleKeyFrame KeyTime="0:0:5" Value="-150"/> 

       </DoubleAnimationUsingKeyFrames> 
      </Storyboard> 

А в коде позади:

private void Storyboard_Completed_1(object sender, EventArgs e) 
{ 
    // Do whatever you wanted 
} 

Answer 3

Вы можете обрабатывать Completed события раскадровки в.

Storyboard myStoryboard = Resources["Storyboard1"] as Storyboard; 

if(myStoryboard != null) 
{ 
    myStoryboard.Completed += (s,e) => 
      { 
      NavigationService.Navigate(new Uri("/NextPage.xaml", UriKind.Relative)); 
      }; 
    myStoryboard.Begin(); 
}