Compose のアニメーション

Compose アニメーション API を使用して、状態値をアニメーション化する方法、遷移を使用する方法、可視性やサイズの変更をアニメーション化する方法、クロスフェードをアニメーション化する方法について学びます。

要点

  • animate*AsState API は、状態変化に基づいて単一の値をアニメーション化する場合に便利です。
  • 複数の値を同時にアニメーション化するには、updateTransition 関数を使用して遷移を作成します。
    • 各アニメーション値は、遷移オブジェクトの拡張関数で宣言できます。
  • アニメーションの動作をカスタマイズするには、transitionSpec パラメータを指定します。
  • AnimatedVisibility は、表示と非表示をアニメーション化する場合に便利です。
  • 開始時と終了時のアニメーションのパラメータを指定して、アニメーションの動作をカスタマイズします。
  • 要素のサイズ変更をアニメーション化するには、animateContentSize 修飾子を使用します。
  • UI の一部をスワップアウトするときに変更をアニメーション化するには、Crossfade コンポーザブルを使用します。

このガイドを含むコレクション

このガイドは、Android 開発の幅広い目標を網羅する、厳選されたクイックガイド コレクションの一部です。

この動画シリーズでは、さまざまな Compose API を紹介し、利用可能な API とその使用方法を簡単に説明します。
クイックガイド コレクション
明るく魅力的なビジュアルを使用して、Android アプリの外観を美しくする手法について学びます。
クイックガイド コレクション

ご質問やフィードバックがある場合

よくある質問のページでクイックガイドをご覧になるか、お問い合わせフォームからご意見をお寄せください。
よくある質問に移動 フィードバックを送信する