AndroidStudio中MotionEditor如何使用

Android Studio中Motion Editor如何使用，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創新互聯是一家集網站建設,烏拉特中企業網站建設,烏拉特中品牌網站建設,網站定制,烏拉特中網站建設報價,網絡營銷,網絡優化,烏拉特中網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力?？沙浞譂M足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

Motion Editor 是一款專門針對 MotionLayout 布局類型所構建的可視化編輯器，通過它可以輕松地創建和預覽動畫效果。自 Android Studio 4.0 版本開始，我們發布了穩定版本的 Motion Editor，許多開發者已經在使用它創建動畫效果。

Android Studio中Motion Editor如何使用

Motion Editor 中運行的動畫

Motion Editor 是 Android Studio Layout Editor (布局編輯器) 的一個擴展，當您在一個包含 MotionLayout 的 XML 文件中選擇 Design 或 Split 視圖時，會自動打開 Motion Editor。您可以使用已在布局編輯器中所熟知的交互方式來編輯布局和 Motion Scene 文件，并可以直接在 Android Studio 預覽界面中對動畫效果進行預覽。

Motion Editor

Motion Editor 的界面由幾個操作面板構成，我們將會在本文進行一一介紹。最主要的幾塊區域有: Overview (概覽) 面板，Selection (選擇) 面板，Attribute (屬性) 面板和 Preview (預覽) 面板。

Android Studio中Motion Editor如何使用

Motion Editor 包含四大面板

Overview 面板

MotionLayout 可以對布局的變化做動畫處理，在編輯器中該動畫可被指定為 ConstraintSets 中的 Transition 效果。Motion Editor 可以通過 Overview 面板將這些狀態的轉變可視化。要編輯 ConstraintSet 中的約束，點擊 Overview 面板中相應的選項即可。

Android Studio中Motion Editor如何使用

圖中的 MotionLayout Scene 中有 start 和 end 兩個 ConstraintSet，它們之間有一個 Transition 效果

ConstraintSets

https://developer.android.google.cn/reference/androidx/constraintlayout/widget/ConstraintSet

Selection 面板

Selection 面板會根據 Overview 面板中的狀態顯示相應的控件信息，它有三種顯示模式:

選中 Overview 面板中 Motion Layout 時的模式
選中 Overview 面板中 ConstraintSet 時的模式
選中 Overview 面板中 Transition 時的模式

Android Studio中Motion Editor如何使用

Selection 面板根據 Overview 面板的狀態有三種模式

選中 Overview 面板中 Motion Layout 時的模式

Motion Editor 支持編輯基本的 Motion Layout。當在 Overview 面板中選中 Motion Layout 之后，您可以選擇相應的組件來查看它的約束是否配置正確。

Android Studio中Motion Editor如何使用

通過 Selection 面板查看組件的約束是否配置正確

選中 Overview 面板中 ConstraintSet 時的模式當在 Overview 面板中選中 ConstraintSet 時，Selection 面板會以列表的形式列出所有組件，組件旁邊的選中圖標意味著該組件被當前的 ConstraintSet 所約束。

Android Studio中Motion Editor如何使用

選擇包含在 ConstraintSet 中的組件

選中 Overview 面板中 Transition 時的模式

當在 Overview 面板中選擇 transition 時，您可以通過動畫工具欄來控制動畫的播放。當選中某個動畫后，點擊時間軸上的 Play ?? 按鈕，可以預覽動畫效果。

Android Studio中Motion Editor如何使用

在 Motion Editor 時間軸上預覽動畫效果

關鍵幀

有時您需要修改某視圖在動畫過程中的路徑，此時便可以借助 MotionLayout 的關鍵幀來達到目的。我們在編輯器中集成了關鍵幀編輯功能，讓您可以輕松對動畫進行調整。您可以點擊 Selection 面板右上角的圖標創建一個新的關鍵幀，然后會打開一個對話框，在該對話框中可以為關鍵幀設置各種屬性。若要編輯某個關鍵幀，您可以點擊菱形 ◆ 圖標來打開屬性面板進行編輯。

Android Studio中Motion Editor如何使用

在 Selection 面板中創建關鍵幀

Attribute 面板

在 MotionLayout 中創建動畫需要編輯眾多視圖參數，因此我們在 Motion Editor 中引入了同 Layout Editor 類似的 Attribute (屬性) 面板。在 Attribute 面板中不僅可以方便對 Constraint 的可視化效果進行預覽，還可以預覽 Motion Scene 文件中視圖的所有屬性效果。

Android Studio中Motion Editor如何使用