windows-phone-7 - Windows phone 闸机羽毛页面过渡

Question

Silverlight 工具包只为我们提供了闸门过渡而不是闸门羽化。（windows phone 7 主屏幕上的一个，其中所有磁贴在所选磁贴之前翻转。）

我浏览了以下链接，但它们没有帮助我，所以我正在寻找此处未包含信息的答案：

1. http://www.windowsphonegeek.com/articles/wp7-transitions-in-depth--key-concepts-and-api
2. http://blogs.claritycon.com/blog/2010/10/wp7-page-transitions-sample/
3. http://www.scottlogic.co.uk/blog/colin/2011/03/metro-in-motion-part-2-peel-animations/
4. http://www.codeproject.com/Articles/117360/Windows-Phone-7-Turnstile-Control-for-Silverlight

Answer 1

新的 Windows Phone 工具包支持TurnstyleFeatherTransition. http://phone.codeplex.com/

Answer 2

这是您如何实现它的方法。

第 1 步 => 首先转到 => App.xaml.cs 并将您的 RootFrame 更改为 Transition Frame。

RootFrame = new TransitionFrame();

第 2 步 => 转到您要在其上实现TurnstyleFeatherTransition动画的页面并添加启用 TurnstyleFeatherTransition 的动画代码。把它放在你的 RootGrid/Root 容器之前

 <toolkit:TransitionService.NavigationInTransition>
    <toolkit:NavigationInTransition>
        <toolkit:NavigationInTransition.Backward>
            <toolkit:TurnstileFeatherTransition Mode="BackwardIn"/>
        </toolkit:NavigationInTransition.Backward>
        <toolkit:NavigationInTransition.Forward>
            <toolkit:TurnstileFeatherTransition Mode="ForwardIn"/>
        </toolkit:NavigationInTransition.Forward>
    </toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
    <toolkit:NavigationOutTransition>
        <toolkit:NavigationOutTransition.Backward>
            <toolkit:TurnstileFeatherTransition Mode="BackwardOut"/>
        </toolkit:NavigationOutTransition.Backward>
        <toolkit:NavigationOutTransition.Forward>
            <toolkit:TurnstileFeatherTransition Mode="ForwardOut"/>
        </toolkit:NavigationOutTransition.Forward>
    </toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>

第 3 步 => 为控件提供羽化索引。通过添加以下代码。

toolkit:TurnstileFeatherEffect.FeatheringIndex="0"

例如 =>

<Button toolkit:TurnstileFeatherEffect.FeatheringIndex="0" ></Button>

你已准备好出发 ：）