選擇動畫 API

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

這張流程圖展示了用於選擇適當動畫 API 的決策樹狀圖
圖 1:決策樹狀圖,說明如何選擇適當的動畫 API。

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

請參考下列決策樹,為您的用途選擇最合適的動畫 API:

  • 動畫是否以藝術為主 (也就是 SVG 或圖片)?
    • 是:是否使用簡單的 SVG (也就是含有微動畫的圖示)?
    • 否:動畫是否需要無限重複播放?
      • 是:rememberInfiniteTransition
      • 否:您是否要為版面配置製作動畫?
        • 是:您是否會在不同內容的可組合項之間切換?
        • 否:您是否為多個資源加上動畫效果?
          • 是:兩個資源是否完全獨立?
          • 否:動畫是否有預先定義的目標值?
            • 是:animate*AsState。如為文字,請使用 TextMotion.Animated
            • 否:動畫是否以手勢為主,且是唯一可靠的資料來源?

下載圖表的 PDF 版本