Windows Phone 8應用的翻頁過渡

Question

當我在應用內向左或向右滑動時，如何使該頁面變為效果？ 我之前已經看過它，但在閱讀Page Transitions和Storyboard動畫時，我只是看不出它們是如何實現的。 我還沒有發現在MSDN上一個頁面，顯示比簡單地改變一個元素的背景顏色的任何其他 。

你以前做過這個，或者你知道任何參考，樣品或有什么可以分享的嗎？

Answer 1

如果使用Windows Phone Toolkit，可以使用許多導航過渡效果。 它很容易安裝，你也可以運行樣品並檢查轉換，看看其中一個是否滿足你的需求。

http://phone.codeplex.com/

安裝它https://www.nuget.org/packages/WPtoolkit

你也應該檢查這個http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/20/windows-phone-toolkit-overview.aspx

Answer 2

步驟1：創建Windows Phone 7應用程序項目並添加對Microsoft.Phone.Controls.Toolkit.dll引用。

步驟2：如果要自動設置動畫頁面過渡，請轉到App.xaml.cs並將應用程序的RootFrame屬性設置為TransitionFrame實例（在App.xaml.cs App.InitializePhoneApplication中）：

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;

// Ensure we don't initialize again
phoneApplicationInitialized = true;
}

步驟3：轉到MainPage.xaml並添加“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>