دليل المبتدئين لتطبيق الرسوم المتحركة لنظام أندرويد (الجزء الثاني)

في الجزء 1 ، ناقشنا حول أساسيات الرسوم المتحركة وحول الرسوم المتحركة الممتلكات. في هذا المنشور ، سأناقش عرض الرسوم المتحركة وإطار انتقالات النشاط الجديد الذي تم تقديمه في مستوى واجهة برمجة التطبيقات 21. تم إضافة إطار النقل بالفعل في واجهة برمجة التطبيقات (API) المستوى 19 (4.4.2) ولكنه أصبح أكثر قوة في مستوى واجهة برمجة التطبيقات (API) 21.

بدأ إطار عمل android مع عرض الرسوم المتحركة ، ولكن نظرًا لمشكلاتهم ، قاموا بتقديم الرسوم المتحركة الخاصة بالعقار كما هو موضح في الجزء 1. تعد الرسوم المتحركة للعرض مثالية للرسوم المتحركة على شاشة البداية وغيرها من المناطق التي لا يوجد فيها مثل هذا التفاعل مع العرض. في معظم الحالات ، يتم تنفيذها باستخدام كود XML.

أنواع عرض الرسوم المتحركة

  1. Tween Animation - هذه هي الرسوم المتحركة المطبقة على طريقة عرض مسؤولة عن تغيير حجم العرض أو ترجمته أو تدويره أو تلاشيه (إما معًا أو واحدًا تلو الآخر).
  2. الرسوم المتحركة للإطار - يتم تطبيق هذه الرسوم المتحركة باستخدام مختلف الأدراج. في هذا ، علينا فقط تحديد قائمة من drawables في كود XML ويتم تشغيل الرسوم المتحركة تمامًا مثل إطارات الفيديو.

لا يتم استخدام "عرض الرسوم المتحركة" كثيرًا لأن نفس الشيء يمكن أن يستخدم كائن ViewPropertyAnimator وهو أسرع بكثير ويمكن قراءته. يشبه رسم الإطار الرسوم المتحركة Drawable. الشيء الأكثر أهمية هو فهم إطار العمل الانتقالي الجديد الذي هو مفيد للغاية وتقديم الرسوم المتحركة الجميلة.

الرسوم المتحركة الجديدة (API المستوى 21+)

أليس كذلك؟

يوفر Android انتقالات النشاط وانتقالات الأجزاء وانتقالات العناصر المشتركة. الرسوم المتحركة الأخرى هي كشف دائري ، وتأثير تموج الخ ، والحركة المنحنية. يمكن تطبيق تأثير Ripple فقط عن طريق تعيين خاصية الخلفية لطريقة العرض على النحو التالي:

الروبوت: "ATTR / selectableItemBackground" الخلفية =

سنجرب هنا انتقالات النشاط وانتقالات العناصر المشتركة تمامًا مثل GIF.

الخطوة الأساسية هي إنشاء ملف Styles-v21 وتنفيذ الأشياء التالية:

شرح الأنماط أعلاه v21.xml

انتقالات العناصر المشتركة - في هذا ، هناك رأي مشترك بين نشاطين / شظايا. طريقة العرض المشتركة تعني أن كلا العرضين متماثلان في كلا النشاطين ، ولكن اختلاف أحجامهما مختلف تمامًا. على سبيل المثال - صورة في عنصر عرض إعادة التدوير والتي تظهر عند النقر (النقر) تفاصيل العنصر بنفس الصورة ولكن بحجم أكبر. سنفعل شيئا مثل هذا: -

رائع ... لكن كيف يعمل هذا الشيء؟

أساسا هناك 2 أنشطة هنا. واحد مع نقطة صغيرة والآخر مع نقطة كبيرة والنص. عندما أقوم بالنقر فوق الزر الموجود في النشاط أ ، فإنه يفتح النشاط "ب" بالرسوم المتحركة. يمكن أيضًا رؤية هذا التأثير في تطبيق متجر Google Play. لكنهم يطبقون أيضا دائرية ، آثار حركة القوس. أهم شيء لاحظت هنا أن الصورة لا تنتقل من الموضع الأصلي إلى الموضع النهائي. يحسب إطار الانتقال مشهد البداية ومشهد النهاية ثم ينشط بين هذه المشاهد. لمعرفة كيفية عمل الرسوم المتحركة ، راجع هذا. أيضًا بمساعدة آلية النوايا الجديدة ، يمكن تحقيق ذلك كما هو موضح أدناه:

لقد استخدمت التحقق من واجهة برمجة التطبيقات (API) للبحث عن المصاصة ، ثم شغّلت عملية النقل وفي النشاطات الأخرى سيبدأ النشاط بشكل طبيعي. يساعد خط الزوج <> الجديد النظام على معرفة العناصر المشتركة.

ملاحظة - احتفظ بنفس اسم النقل في كل من المشاهدات (نقطة صغيرة ونقطة كبيرة). هذا يساعد النظام على معرفة العناصر المشتركة. الشيء الجيد هو وضع اسم النقل في strings.xml.

لقد استخدمت هنا custom_animation.xml انتقالًا لنشاط النشاط وهو تأثير تنفجر. أكثر من ذلك ، لقد استبعدت بعض المشاهدات للمشاركة في الرسوم المتحركة. طرق العرض هذه هي شريط الحالة وشريط الأدوات. يمكننا استخدام أنواع مختلفة من التأثير (التلاشي ، الشريحة) لمطابقة حالة الاستخدام الخاصة بنا.

انتقالات النشاط - قدم المستوى 21 من واجهة برمجة التطبيقات انتقالات أكثر واقعية وسهلة الاستخدام. على سبيل المثال ، تظهر انتقالات Explode و ChangeImageTransform أكثر واقعية وأفضل توجيه للمستخدم تدفق الأنشطة. في المثال أعلاه ، لقد استخدمت انتقال الخبو الذي يوفره نظام Android. إذا لم نحدد أي رسوم متحركة ، فسيتم استخدام النقل التلقائي افتراضيًا. يمكننا إنشاء انتقالنا الخاص من خلال إنشاء فئة مخصصة تمتد على الانتقال. انظر هذا للرجوع اليها.

كشف دائري

التعميم كشف تأثير

يتم إنشاء تأثير الكشف التعميم أعلاه عند النقر فوق FAB:

شكرا لقرائتك المجلة. اقتراحات / تصحيحات / التعليقات هي دائما موضع ترحيب. إذا كنت ترغب في ذلك ، يرجى الضغط على زر أعجبني ومشاركة المقال مع مجتمع Android. دعونا نشارك المعرفة قدر المستطاع.

أيضًا ، لنصبح أصدقاء على About.me و Twitter و LinkedIn و Github و Facebook.