Windows手机的旋转页面过渡页面

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 Toolkit支持TurnstyleFeatherTransition。 http://phone.codeplex.com/

Answer 2

这是你如何实现它。

步骤1 =＆gt;首先去=＆gt; App.xaml.cs并将您的RootFrame更改为Transition Frame。

RootFrame = new TransitionFrame();

步骤2 =＆gt;转到要在其上实现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 =＆gt;给控件赋予羽毛索引。通过添加以下代码。

toolkit:TurnstileFeatherEffect.FeatheringIndex="0"

例如＆gt;

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

你很高兴：）