Android Studio 提供 MotionLayout 版面配置類型的視覺設計編輯器,可讓您輕鬆製作和預覽動畫。
Motion Editor 提供簡單的介面,可處理 MotionLayout 程式庫中的元素以作為 Android 應用程式中的動畫基礎。如果沒有 Android Studio,您在建立和修改這些元素時,就必須手動編輯 XML 資源檔案中的限制。但 Motion Editor 可以產生這個 XML,並支援開始和結束狀態、主要畫面格、轉場和時間軸。
如何開始使用 Motion Editor:
- 建立 ConstraintLayout。
- 在版面配置編輯器中,以滑鼠右鍵按一下預覽畫面。
- 如下所示,按一下「Convert to MotionLayout」。
Android Studio 將 ConstraintLayout 轉換成 MotionLayout 後,Motion Scene 檔案 (.xml
檔案_scene
) 也會加入含有 XML 的目錄。
MotionLayout
會成為您的根版面配置,並顯示在 Motion Editor 使用者介面中。版面配置已包含起始 ConstraintSet
、結束 ConstraintSet
以及從開始到結束的轉換。
您可以使用總覽圖形選取 ConstraintSet
或 Transition
,然後在選取面板中選取元件。
接著以編輯 ConstraintLayout
的方式編輯開頭或結尾 ConstraintSet
的限制條件和屬性。
如要為圖形建構更多元素,您可以使用建立圖示快速新增 ConstraintSet
、Transition
或 OnClick
/OnSwipe
手勢。
如要新增主要畫面格,請先按一下「Transition」箭頭:
接著在「Transition」時間軸窗格中,按一下右上角並選取「KeyPosition」:
系統隨即開啟對話方塊,讓您設定主要畫面格的屬性。
您也可以在屬性面板中為「Transition」新增 OnClick
和 OnSwipe
處理常式。
系統隨即會開啟對話方塊,方便您設定點擊屬性 (例如目標元件和拖曳路線)。
Motion Editor 支援在設計途徑上預覽動畫。選取動畫後,請按一下時間軸上方的播放 來預覽動畫。