إنشاء صور متحركة باستخدام "محرِّر الحركة"

يتضمن "استوديو Android" محررًا للتصميم المرئي لنوع التخطيط MotionLayout، ما يسهِّل إنشاء الصور المتحركة ومعاينتها.

يوفر Motion Editor واجهة بسيطة لمعالجة العناصر من مكتبة MotionLayout التي تمثل أساسًا للصور المتحركة في تطبيقات Android. بدون Android Studio، يتطلب إنشاء هذه العناصر وتغييرها تعديل القيود يدويًا في ملفات موارد XML. ومع ذلك، يمكن لـ "أداة تعديل الصور المتحركة" إنشاء ملف XML هذا نيابةً عنك، مع إتاحة حالة البدء والنهاية والإطارات الرئيسية والانتقالات والمخططات الزمنية.

لبدء استخدام "محرِّر الحركة"، اتّبِع الخطوات التالية:

  1. إنشاء ConstraintLayout.
  2. انقر بزر الماوس الأيمن على المعاينة في "محرّر التنسيق".
  3. انقر على تحويل إلى MotionLayout، كما هو موضح أدناه.

بعد تحويل "استوديو Android" إلى ConstraintLayout إلى MotionLayout، تتم أيضًا إضافة ملف مشهد حركة (ملف .xml يتضمن _scene ملحقًا باسم ملف التنسيق) إلى الدليل الذي يحتوي على ملف XML.

سيصبح MotionLayout عندئذٍ تنسيق الجذر، وسيظهر في واجهة مستخدِم "محرِّر الحركة". يتضمّن التنسيق "ConstraintSet" للبداية والنهاية وConstraintSet مرحلة انتقالية من البداية إلى النهاية.

يمكنك استخدام الرسم الإجمالي لاختيار ConstraintSet أو Transition ولاختيار مكوّنات من لوحة الاختيار.

يمكنك بعد ذلك تعديل القيود والسمات الخاصة ببداية أو نهاية ConstraintSet بالطريقة نفسها التي تعدِّل بها سمة ConstraintLayout.

إذا أردت إضافة المزيد من العناصر إلى الرسم البياني، يمكنك استخدام رموز الإنشاء لإضافة إيماءات ConstraintSet أو Transition أو OnClick/OnSwipe بسرعة.

لإضافة إطار رئيسي، انقر أولاً على سهم النقل:

بعد ذلك، في جزء المخطط الزمني للنقل، انقر في أعلى الجانب الأيسر وحدد KeyPosition:

يؤدي هذا الإجراء إلى فتح مربّع حوار يمكنك من خلاله ضبط السمات للإطار الرئيسي.

يمكنك أيضًا إضافة المعالجات OnClick وOnSwipe إلى "النقل" في لوحة السمات.

يؤدي هذا الإجراء إلى فتح مربّع حوار يمكنك فيه ضبط سمات النقرة، مثل المكوّنات المستهدَفة واتجاه السحب.

يتيح محرر الحركة معاينة الصور المتحركة على سطح التصميم. عند اختيار صورة متحركة، انقر على تشغيل فوق المخطط الزمني لمعاينة الصورة المتحركة.