4

アプリ内で左または右にスワイプしたときにページめくり効果を得るにはどうすればよいですか? 以前にそれが行われたのを見たことがありますが、ページ遷移とストーリーボード アニメーションを読んでみると、それらがどのようにそれを可能にするのかわかりません. 要素の背景色を単に変更する以外のことを示す MSDN の単一のページは見つかりませんでした。

以前にこれを行ったことがありますか、または参照、サンプルを知っていますか、共有できるものはありますか?

4

2 に答える 2

6

Windows Phone Toolkit を使用した場合、操作できる多くのナビゲーション トランジション効果があります。インストールは簡単で、サンプルを実行してトランジションをチェックし、それらのいずれかがニーズを満たしているかどうかを確認することもできます。

http://phone.codeplex.com/

インストールするには https://www.nuget.org/packages/WPtoolkit

これも確認する必要があります http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/20/windows-phone-toolkit-overview.aspx

于 2013-07-23T22:07:18.177 に答える
6

ステップ 1: Windows Phone 7 アプリケーション プロジェクトを作成し、への参照を追加しMicrosoft.Phone.Controls.Toolkit.dllます。

ステップ 2:ページ遷移を自動的にアニメーション化する場合App.xaml.csは、アプリケーションの RootFrame プロパティに (App.InitializePhoneApplicationの) TransitionFrame のインスタンスに移動して設定します。App.xaml.cs

private void InitializePhoneApplication()
{
if (phoneApplicationInitialized)
    return;

// Create the frame but don't set it as RootVisual yet; this allows the splash
// screen to remain active until the application is ready to render.
RootFrame = new TransitionFrame();
RootFrame.Navigated += CompleteInitializePhoneApplication;

// Handle navigation failures
RootFrame.NavigationFailed += RootFrame_NavigationFailed;

// Ensure we don't initialize again
phoneApplicationInitialized = true;
}

ステップ 3:に移動してMainPage.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>
于 2013-12-02T06:12:52.940 に答える