WP7 Seitenübergänge mit Animationen - itfacts.org die IT Seite für Nachrichten, Tutorials für Profis
0

WP7 Seitenübergänge mit Animationen

Sie haben bereits eine eigene App entwickelt, doch sie sieht ziemlich „langweilig“ aus? Mit dem Silverlight Control Toolkit können leicht verschiedene Animationen für ihre App entwickelt werden.

Wer eine schöne Navigation mit Animationen bauen will, der kann das oben genannte Toolkit dafür verwenden. Anbei eine kleine Anleitung:

  1. Silverlight Toolkit downloaden und installieren (Download Toolkit)
  2. Die Toolkit.dll zum Projekt hinzufügen (C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.0\Toolkit\Nov10\Bin\)
  3. App.xaml.cs öffnen und zu InitializePhoneApplication gehen
  4. Ändern Sie:
    RootFrame = new PhoneApplicationFrame(); // Alte Version
    zu
    RootFrame = new TransitionFrame(); // Neue Version
  5. Fügen Sie den folgenden XAML Code auf der gewünschten Seite ein:
<phone:PhoneApplicationPage ...
xmlns:pt="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"></pre>
<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>
<pre>

Fertig 🙂

In Kategorie: Allgemein, C#, Tutorials Tags: , , , , ,

Like & Share

Ähnliche Artikel

Hinterlasse ein Kommentar

Kommentar abschicken