Android Studio, MotionLayout düzen türü için bir görsel tasarım düzenleyici içerdiğinden, animasyonları oluşturmayı ve önizlemeyi kolaylaştırır.
Motion Editor, Android uygulamalarındaki animasyonun temelini oluşturan MotionLayout kitaplığındaki öğeleri değiştirmek için basit bir arayüz sağlar. Android Studio olmadan, bu öğelerin oluşturulması ve değiştirilmesi XML kaynak dosyalarında kısıtlamaları manuel olarak düzenlemeyi gerektirir. Ancak Motion Editor, başlangıç ve bitiş durumlarını, animasyon karelerini, geçişleri ve zaman çizelgelerini destekleyerek bu XML'yi sizin için oluşturabilir.
Hareket Düzenleyici'yi kullanmaya başlamak için:
- Bir ConstraintLayout oluşturun.
- Düzen Düzenleyici'de önizlemeyi sağ tıklayın.
- Aşağıda gösterildiği gibi MotionLayout'a Dönüştür'ü tıklayın.
Android Studio, ConstraintLayout'unuzu MotionLayout'a dönüştürdükten sonra XML'inizi içeren dizine bir Motion Scene dosyası da (düzen dosya adınıza _scene eklenmiş .xml dosyası) eklenir.
Daha sonra MotionLayout, kök düzeniniz haline gelir ve Motion Editor kullanıcı arayüzünde görünür. Düzen zaten bir başlangıç ConstraintSet, bitiş ConstraintSet ve baştan sona giden bir geçiş içeriyor.
Bir ConstraintSet veya Transition seçmek ve seçim panelindeki bileşenleri seçmek için genel bakış grafiğini kullanabilirsiniz.
Ardından, başlangıç veya bitiş ConstraintSet öğelerinin kısıtlamalarını ve özelliklerini, bir ConstraintLayout düzenlediğiniz gibi düzenleyebilirsiniz.
Grafiğinize daha fazla öğe eklemek istiyorsanız oluşturma simgelerini kullanarak ConstraintSet, Transition veya OnClick/OnSwipe hareketlerini hızlıca ekleyebilirsiniz.
Animasyon karesi eklemek için önce Geçiş okunu tıklayın:
Ardından, Geçiş zaman çizelgesi bölmesinde sağ üst köşeyi tıklayın ve KeyPosition (Anahtar Konumu) seçeneğini belirleyin:
Bu işlem, animasyon karesi için özellikleri ayarlayabileceğiniz bir iletişim kutusu açar.
Ayrıca özellik panelindeki Geçişe OnClick ve OnSwipe işleyicileri de ekleyebilirsiniz.
Bu işlem, tıklama özelliklerini (ör. hedef bileşenler ve sürükleme yönü) ayarlayabileceğiniz bir iletişim kutusu açar.
Hareket Düzenleyici, tasarım yüzeyinde animasyonların önizlenmesini destekler. Bir animasyon seçildiğinde animasyonu önizlemek için zaman çizelgesinin üzerindeki Oynat'ı 
tıklayın.
