選擇動畫 API

下圖可協助您決定要使用哪個 API 實作動畫。

這張流程圖展示了用於選擇適當動畫 API 的決策樹狀圖

圖 1.說明如何選擇適當的動畫 API 的決策樹狀圖

請根據以下決策樹狀圖問題,選擇最適合您用途的動畫 API:

  • 我的動畫是否像是圖片,由許多視覺元素組成?例如 SVG 或圖片
    • 是:圖片是否含有簡單的 SVG?例如帶有微動畫的圖示
    • 否:是否需要永久複製?
      • 是:rememberInfiniteTransition
      • 否:這是版面配置動畫嗎?
        • 是:變更含有不同內容的多個可組合項嗎?
        • 否:您是否需要為多個屬性建立動畫?
          • 是:這兩項屬性是否完全獨立?
          • 否:動畫是否包含一組預先定義的目標值?
            • 是:animate*AsState 適用於文字,請使用 TextMotion.Animated
            • 否:手勢驅動的動畫動畫是唯一的來源嗎?

下載圖表的 PDF 版本