2012-11-18 71 views
21

我是Win Phone 8開發新手,經過無聊的谷歌搜索之後,我在這裏發佈這個簡單的問題:Windows Phone 8:如何爲頁面導航添加動畫?

如何爲頁面導航添加動畫?

是的,我知道如何導航從一個網頁到另一個:

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

但這導航是即時的,並且不包括任何種類的過渡。請幫助!

+0

5個觀點,沒有答案,難道是困難的人? – craftsman

+0

[電話頁面之間的轉換]可能的重複(http://stackoverflow.com/questions/3379222/transition-between-phone-pages) –

+2

嗨KooKiz,感謝您指出鏈接。所選答案指向另一個鏈接,表示我無權查看鏈接。另一個答案講述故事板,但並沒有說明如何創建故事板。 – craftsman

回答

65

使用Nuget安裝Windows Phone工具包:https://nuget.org/packages/WPtoolkit

在app.xaml.cs:

RootFrame =新TransitionFrame();

然後,在你的頁面XAML:

的xmlns:工具= 「CLR的命名空間:Microsoft.Phone.Controls;裝配= Microsoft.Phone.Controls.Toolkit」

<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

見http://www.geekchamp.com/articles/windows-phone-7-navigation-transitions-step-by-step-guide;) 也適用於Wp8, –

+0

這是最好的答案,應該成爲答案。 – Abbas

+0

如何設置持續時間?其速度太快:p – Misters