3

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
4

2 に答える 2

1

新しい Windows Phone Toolkit は をサポートしていTurnstyleFeatherTransitionます。http://phone.codeplex.com/

于 2012-10-31T09:22:41.280 に答える
0

これを実装する方法は次のとおりです。

ステップ 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>

準備できた ：）

于 2014-09-13T22:41:38.333 に答える