フェード アニメーションFade animations

フェード アニメーションは、項目を画面に表示したり、項目を画面から非表示にするときに使います。Use fade animations to bring items into a view or to take items out of a view. 一般的なフェード アニメーションは、フェード インとフェード アウトの 2 つです。The two common fade animations are fade-in and fade-out.

重要な API:FadeInThemeAnimation クラス FadeOutThemeAnimation クラスImportant APIs: FadeInThemeAnimation class, FadeOutThemeAnimation class

推奨と非推奨Do's and don'ts

  • アプリで互いに関係のない要素や、テキストの多い要素を切り替えるときには、フェード アウトとフェード インを使います。When your app transitions between unrelated or text-heavy elements, use a fade-out followed by a fade-in. そうすることで、差し替え前のオブジェクトが完全に消えてから差し替え後のオブジェクトを表示させることができます。This allows the outgoing object to completely disappear before the incoming object is visible.
  • 差し替える 2 つの要素のサイズが一定であり、ユーザーに同じ項目を見ているような印象を与えたいときには、差し替え後の要素を差し替え前の要素の上にフェード インさせます。Fade in the incoming element or elements on top of the outgoing elements if the size of the elements remains constant, and if you want the user to feel that they're looking at the same item. フェード インが完了したら、差し替え前の項目は消すことができます。Once the fade-in is complete, the outgoing item can be removed. これは、差し替え後の項目が差し替え前の項目を完全に覆い隠せる場合にのみ可能な方法です。This is only a viable option when the outgoing item will be completely covered by the incoming item.
  • リストの項目を追加または削除する目的でフェード アニメーションを使うのは避けてください。Avoid fade animations to add or delete items in a list. そのような場合には、専用に作成したリスト アニメーションを使います。Instead, use the list animations created for that purpose.
  • フェード アニメーションは、ページの全コンテンツを変化させるときには使わないでください。Avoid fade animations to change the entire contents of a page. そのような場合には、専用に作成したページ切り替えアニメーションを使います。Instead, use the page transition animations created for that purpose.
  • フェード アウトは要素を削除するための繊細な方法です。Fade-out is a subtle way to remove an element.