選擇動畫 API

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

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

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

請按照下方決策樹的提問,選擇最適合您用途的動畫 API:

  • 我的動畫是否更像藝術作品,包含許多視覺元素?例如 SVG 或圖片
    • 是:是否有簡單的 SVG?也就是含有微動畫的圖示
    • 否:是否需要永久重複執行這項動作?
      • 是:rememberInfiniteTransition
      • 否:這是版面配置動畫嗎?
        • 是:要變更含有不同內容的多個可組合項嗎?
        • 否:您是否需要為多個資源製作動畫?
          • 是:兩個資源是否完全獨立?
          • 否:動畫是否有一組預先定義的目標值?
            • 是:animate*AsState;如要傳送文字,請使用 TextMotion.Animated
            • 否:手勢驅動動畫?動畫是否為可靠來源?

下載圖表的 PDF 版本