Windows Phone e gli effetti di transizione
Grazie al phone toolkit avete a disposizione degli effetti di transizione molto carini e semplici da usare.
Se non lo avete già installato prendete il toolkit tramite NuGet.
Dopo avere referenziato "Microsoft.Phone.Controls.Toolkit" dovrete aggiungerlo nelle pagine Xaml.
xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
Aprite il file "App.xaml.cs" e come prima cosa dovete cambiare il metodo InitializePhoneApplication(), in particolare la riga
"RootFrame = new TransitionFrame();"
private void InitializePhoneApplication() { if (phoneApplicationInitialized) return; // Create the frame but don't set it as RootVisual yet; this allows the splash // screen to remain active until the application is ready to render. RootFrame = new TransitionFrame(); RootFrame.Navigated += CompleteInitializePhoneApplication; // Handle navigation failures RootFrame.NavigationFailed += RootFrame_NavigationFailed; // Handle reset requests for clearing the backstack RootFrame.Navigated += CheckForResetNavigation; // Ensure we don't initialize again phoneApplicationInitialized = true; }Adesso potete applicare gli effetti a tutte le pagine, basta inserire il seguente codice xaml subito dopo il nodo principale:
<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>
"TurnstileTransition" è la tipologia di transizione applicata. Il toolkit ne mette molte altre a disposizione, divertitevi a provarle tutte.
comments powered by Disqus