酢ろぐ!

カレーが嫌いなスマートフォンアプリプログラマのブログ。

Silverlight for Windows Phone Toolkitを攻略する 第1日目 Page Transition

Silverlight for Windows Phone Toolkitを攻略する - 酢ろぐ

第1日目は、Page Transitionについてまとめました。日本語が残念な感じなので後々書き直したいですね。

Page Transitionのポイントは、RootFrameプロパティに設定しているPhoneApplicationFrameクラスをTransitionFrameクラスへの差替え。XAMLにTransitionの定義を行うこと。これだけでWindows Phone 7っぽい画面遷移になります。

    <!-- 画面に入ってきた時のアニメーション -->
    <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>

次はTileEffectについてまとめます。