Compose 中的動畫

瞭解如何使用 Compose 動畫 API 為狀態值加上動畫效果、使用轉場效果、為可見度或大小變更加上動畫效果,以及使用交叉淡出效果。

重點

  • animate*AsState API 可用於根據狀態變更為單一值加上動畫效果。
  • 如要同時為多個值加上動畫效果,請使用 updateTransition 函式建立轉場效果。
    • 您可以在轉場物件上使用擴充函式,宣告每個動畫值。
  • 如要自訂動畫行為,請指定 transitionSpec 參數。
  • AnimatedVisibility 可用於顯示和消失動畫。
  • 指定進場和退場參數,自訂動畫行為。
  • 如要為元素大小變更加上動畫效果,請使用 animateContentSize 修飾符。
  • 如要讓 UI 部分變更時顯示動畫效果,請使用 Crossfade 可組合函式。

包含此指南的集合

本指南是精選的快速指南系列之一,涵蓋更廣泛的 Android 開發目標:

本系列影片將介紹各種 Compose API,快速向您展示可用的 API 和使用方式。
瞭解如何運用明亮吸睛的視覺元素,為 Android 應用程式打造美觀的視覺效果。

有問題或意見回饋嗎?

請前往常見問題頁面,瞭解快速指南或與我們聯絡,分享您的想法。