コンテンツ切り替えアニメーションを使用すると、コンテナーまたは背景を一定に保ちながら、画面の領域のコンテンツを変更できます。 新しいコンテンツがフェードインします。 置き換える既存のコンテンツがある場合、そのコンテンツはフェードアウトします。
重要な API: ContentThemeTransition クラス (XAML)
すべきこととすべきでないこと
- 空のコンテナーに取り込む新しい項目のセットがある場合は、開始アニメーションを使用します。 たとえば、アプリの初期読み込みの後、アプリのコンテンツの一部をすぐに表示できない場合があります。 そのコンテンツを表示する準備ができたら、コンテンツ切り替えアニメーションを使用して、その遅延コンテンツをビューに取り込みます。
- コンテンツ切り替えを使用して、1 つのコンテンツ セットを、ビュー内の同じコンテナーに既に存在する別のコンテンツ セットに置き換えます。
- 新しいコンテンツを取り込む場合は、そのコンテンツを一般的なページ フローまたは読み取り順序に照らして、(下から上へ) 上にスライドします。
- たとえば、最後に最も重要なコンテンツを紹介するなど、論理的な方法で新しいコンテンツを導入します。
- コンテンツを更新するコンテナーが複数ある場合は、すべての遷移アニメーションを同時にトリガーします。時間差や遅延は発生しません。
- ページ全体が変更されている場合は、コンテンツ切り替えアニメーションを使用しないでください。 その場合は、代わりにページ切り替えアニメーションを使用します。
- コンテンツが更新されるだけの場合は、コンテンツ切り替えアニメーションを使用しないでください。 コンテンツ切り替えアニメーションは、動きを表示するためのものです。 更新の場合は、フェード アニメーションを使用します。
関連資料
開発者向け (XAML)
- アニメーションの概要
- コンテンツ切り替えのアニメーション化
- クイック スタート: ライブラリ アニメーションを使用して UI をアニメーション化する
- ContentThemeTransition クラス
GitHub で Microsoft と共同作業する
このコンテンツのソースは GitHub にあります。そこで、issue や pull request を作成および確認することもできます。 詳細については、共同作成者ガイドを参照してください。
Windows developer