windows phone 7 中的过渡效果答案

【问题标题】：transition effect in windows phone 7windows phone 7 中的过渡效果
【发布时间】：2013-12-02 20:01:06
【问题描述】：

我目前在 Windows Phone 7 的 Visual Studio 2010 Express Edition 中工作。我想在我的应用程序的各个位置应用诸如溶解、淡入淡出、滑动等过渡效果。我是 Windows Phone 7 的新手，所以无法理解如何以及从哪里开始？我还从 HLSL Shader Effect Lab 下载了 WPFSLFx 库。但是不知道如何使用它？

【问题讨论】：

标签： c# visual-studio-2010 windows-phone-7 transition

【解决方案1】：

从这里下载 wp7 工具包：

http://silverlight.codeplex.com/releases/view/55034

并使用页面转换。

它们使用起来非常简单，只是在页面中添加了一些 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>

这是一个教程：

http://www.windowsphonegeek.com/articles/wp7-transitions-in-depth--key-concepts-and-api

【讨论】：

我已经在使用相同的工具包了..但是你能给出一些页面转换的示例代码
HYG，我将它们添加到答案中

【解决方案2】：

一种可能的方法是使用 Expression Blend for Windows Phone，它是免费开发人员工具的一部分：http://create.msdn.com/en-us/home/getting_started

您可以事先查看 Expression Blend 参考文档： http://msdn.microsoft.com/en-us/library/ff979338%28v=Expression.40%29.aspx

具体来说，看这里的“动画行为”： http://msdn.microsoft.com/en-us/library/ff979326%28v=Expression.40%29.aspx

Blend 生成此初始 XAML 后，最好进一步研究它，这有望为您提供足够的基础来自己编写一些类似的行为。

【讨论】：

【解决方案3】：

<toolkit:TransitionService.NavigationInTransition>
    <toolkit:NavigationInTransition>
        <toolkit:NavigationInTransition.Backward>
            <toolkit:SlideTransition Mode="SlideRightFadeIn"/>
        </toolkit:NavigationInTransition.Backward>
        <toolkit:NavigationInTransition.Forward>
            <toolkit:SlideTransition Mode="SlideLeftFadeIn"/>
        </toolkit:NavigationInTransition.Forward>
    </toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
    <toolkit:NavigationOutTransition>
        <toolkit:NavigationOutTransition.Backward>
            <toolkit:SlideTransition Mode="SlideRightFadeOut"/>
        </toolkit:NavigationOutTransition.Backward>
        <toolkit:NavigationOutTransition.Forward>
            <toolkit:SlideTransition Mode="SlideLeftFadeOut"/>
        </toolkit:NavigationOutTransition.Forward>
    </toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>

【讨论】：