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>