使用 Motion Editor 建構動畫

Android Studio 提供 MotionLayout 版面配置類型的視覺設計編輯器,可讓您輕鬆製作和預覽動畫。

Motion Editor 提供簡單的介面,可處理 MotionLayout 程式庫中的元素以作為 Android 應用程式中的動畫基礎。如果沒有 Android Studio,您在建立和修改這些元素時,就必須手動編輯 XML 資源檔案中的限制。但 Motion Editor 可以產生這個 XML,並支援開始和結束狀態、主要畫面格、轉場和時間軸。

如何開始使用 Motion Editor:

  1. 建立 ConstraintLayout
  2. 在版面配置編輯器中,以滑鼠右鍵按一下預覽畫面。
  3. 如下按一下轉換為 MotionLayout

Android Studio 將 ConstraintLayout 轉換成 MotionLayout 後,Motion Scene 檔案 (.xml檔案_scene) 也會加入含有 XML 的目錄。

MotionLayout 會成為您的根版面配置,並顯示在 Motion Editor 使用者介面中。版面配置已包含起始 ConstraintSet、結束 ConstraintSet 以及從開始到結束的轉換。

您可以使用總覽圖形選取 ConstraintSetTransition,然後在選取面板中選取元件。

接著以編輯 ConstraintLayout 的方式編輯開頭或結尾 ConstraintSet 的限制條件和屬性。

如要為圖形建構更多元素,您可以使用建立圖示快速新增 ConstraintSetTransitionOnClick/OnSwipe 手勢。

如要新增主要畫面格,請先按一下「轉換」箭頭:

然後在「轉換」時間軸窗格中,按一下右上角並選取 KeyPosition

系統隨即開啟對話方塊,讓您設定主要畫面格的屬性。

您也可以在屬性面板中為「轉換」新增 OnClickOnSwipe 處理常式。

系統隨即會開啟對話方塊,方便您設定點擊屬性 (例如目標元件和拖曳路線)。

Motion Editor 支援在設計途徑上預覽動畫。選取動畫後,請按一下時間軸上方的播放 來預覽動畫。