使用工具包：Windows Phone 8中的TransitionService

Question

我對Windows Phone 8的開發非常陌生，我想知道我是否可以獲得更多關於如何在應用程序中使用這段代碼的信息：

<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>

我已經閱讀了http://phone.codeplex.com上的一些示例，但是，它似乎僅在標記使用NavigateUri屬性時使用。

所以我的主要問題是：無論何時發生任何頁面導航（即使在后端），這個代碼都會被執行，還是必須在代碼所在的前端部分實現？

感謝您的幫助

Answer 1

我有同樣的問題。 在這里找到解決方案！

您需要做的是轉到App.xaml.cs並更改， RootFrame = new PhoneApplicationFrame(); to RootFrame = new TransitionFrame(); 在InitializePhoneApplication()方法中。

干杯!

Answer 2

有頁面：page1，page2。如果您不使用在所有頁面的xaml代碼中發布的代碼，則不會發生頁面轉換。

如果你在所有頁面'xaml中使用代碼：

case a: page1 -> page2. 

<toolkit:NavigationOutTransition.Forward>
    <toolkit:TurnstileTransition Mode="ForwardOut"/>
</toolkit:NavigationOutTransition.Forward>

此轉換發生在page1中。

<toolkit:NavigationInTransition.Forward>
    <toolkit:TurnstileTransition Mode="ForwardIn"/>
</toolkit:NavigationInTransition.Forward>

此轉換發生在page2中。

case b: page2 -> page1 (back).

 <toolkit:NavigationOutTransition.Backward>
    <toolkit:TurnstileTransition Mode="BackwardOut"/>
 </toolkit:NavigationOutTransition.Backward>

此轉換發生在page2中。

<toolkit:NavigationInTransition.Backward>
    <toolkit:TurnstileTransition Mode="BackwardIn"/>
</toolkit:NavigationInTransition.Backward>

此轉換發生在page1中。