Windows Phone 8 应用的翻页转换

Question

当我在我的应用内向左或向右滑动时如何获得翻页效果？我以前看过它，但是在阅读页面过渡和故事板动画时，我只是不明白它们是如何实现的。除了简单地更改元素的背景颜色之外，我还没有在 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

第一步：创建一个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: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>