Blog: Silverlight

Reusable page transition animations in Windows Phone 7/8 Silverlight

March 4, 2011, (updated on September 14, 2014), Software Development

I searched a while finding a simple solution to add transition animations for my Windows Phone 7 application. There is a simple solution using the Silverlight for Windows Phone Toolkit. After the installation of the toolkit (using traditional installer or NuGet) and referencing it in your project, open your App.xaml and insert the following code: <Application.Resources> <ResourceDictionary> <Style x:Key="Transition" TargetType="phone:PhoneApplicationPage"> <Setter Property="toolkit:TransitionService.NavigationInTransition"> <Setter.Value> <toolkit:NavigationInTransition> <toolkit:NavigationInTransition.Backward> <toolkit:TurnstileTransition Mode="BackwardIn"/> </toolkit:NavigationInTransition.Backward> <toolkit:NavigationInTransition.Forward> <toolkit:TurnstileTransition Mode="ForwardIn"/> </toolkit:NavigationInTransition.Forward> </toolkit:NavigationInTransition> </Setter.Value> </Setter> <Setter Property="toolkit:TransitionService.NavigationOutTransition"> <Setter.Value> <toolkit:NavigationOutTransition> <toolkit:NavigationOutTransition.Backward> <toolkit:TurnstileTransition Mode="BackwardOut"/> </toolkit:NavigationOutTransition.Backward> <toolkit:NavigationOutTransition.Forward> <toolkit:TurnstileTransition Mode="ForwardOut"/> </toolkit:NavigationOutTransition.Forward> </toolkit:NavigationOutTransition> </Setter.Value> </Setter> </Style> </ResourceDictionary> </Application.Resources> This XAML code contains the style, every […] Read more...

Tags: , , , ,


  Page 1 of 1