2012-11-18 11 views
21

Sono nuovo nello sviluppo di Win Phone 8 e dopo una noiosa infruttuosa su Google, sto postando questa semplice domanda qui:Windows Phone 8: come animare la navigazione della pagina?

Come animare la navigazione della pagina?

Sì, lo so come spostarsi da una pagina all'altra:

NavigationService.Navigate(new Uri("/AnotherPage.xaml", UriKind.Relative)); 

Ma questa navigazione è immediata, e non include alcun tipo di transizione. Si prega di aiutare così!

+0

5 visualizzazioni e nessuna risposta, è così difficile? – craftsman

+0

possibile duplicato di [Transizione tra le pagine telefoniche] (http://stackoverflow.com/questions/3379222/transition-between-phone-pages) –

+2

Ciao KooKiz, grazie per aver segnalato il collegamento. La risposta selezionata indica un altro link che dice che non sono autorizzato a visualizzare il link. L'altra risposta parla dello storyboard ma non spiega come creare storyboard. – craftsman

risposta

65

Installare Windows Phone Toolkit utilizzando Nuget: https://nuget.org/packages/WPtoolkit.

In app.xaml.cs:

RootFrame = new TransitionFrame();

Poi, nella tua pagina XAML:

xmlns: toolkit = "CLR-namespace: Microsoft.Phone.Controls; assemblaggio = Microsoft.Phone.Controls.Toolkit"

e

<toolkit:TransitionService.NavigationInTransition> 
    <toolkit:NavigationInTransition> 
     <toolkit:NavigationInTransition.Backward> 
      <toolkit:TurnstileTransition Mode="BackwardIn" /> 
     </toolkit:NavigationInTransition.Backward> 
     <toolkit:NavigationInTransition.Forward> 
      <toolkit:TurnstileTransition Mode="ForwardIn" /> 
     </toolkit:NavigationInTransition.Forward> 
    </toolkit:NavigationInTransition> 
</toolkit:TransitionService.NavigationInTransition> 
<toolkit:TransitionService.NavigationOutTransition> 
    <toolkit:NavigationOutTransition> 
     <toolkit:NavigationOutTransition.Backward> 
      <toolkit:TurnstileTransition Mode="BackwardOut" /> 
     </toolkit:NavigationOutTransition.Backward> 
     <toolkit:NavigationOutTransition.Forward> 
      <toolkit:TurnstileTransition Mode="ForwardOut" /> 
     </toolkit:NavigationOutTransition.Forward> 
    </toolkit:NavigationOutTransition> 
</toolkit:TransitionService.NavigationOutTransition> 
+6

come visto su http://www.geekchamp.com/articles/windows-phone-7-navigation-transitions-step-by-step-guide;) funziona anche per Wp8 –

+0

Questa è sicuramente la risposta migliore, dovrebbe essere la risposta – Abbas

+0

come si imposta una durata? è troppo veloce: p – Misters