طريقة استخدام الموشن غرافيك داخل تطبيقات الأندرويد شرح مكتبة lottie

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين مرحبا بكم متابعينا الكرام زوار مدونة عرب ويب في هذا الدرس الجديد، والذي من خلاله سنتعرف على مكتبة lottie التي تستخدم لوضع مقاطع متحركة داخل التطبيق الخاص بك

أولا بعد انشاء مشروع اندرويد جديد سوف نضيف السطر الخاص بالمكتبة في ملف build.gradle وهو كالتالي 

compile 'com.airbnb.android:lottie:2.0.0'

 بعد ذلك نضغط على save وننتظر ريثما يحمل ملفات المكتبة

بعد ذلك نقوم بإضافة مجلد assets ونقوم بوضع داخله ملف json الخاص بالأنمشن، يمكنك الحصول على هذه الملفات من هذا الموقع . بعد تحميلك للأنمشن الذي تريد، تقوم بوضع الملف الخاص به في مجلد assets ، ثم نقوم بنسخ اسم الملف لكي نستخدمه في صفحة xml.

نتوجه بعد ذلك ل ملف xml الذي نريد وضع داخله الأنمشن مثلا صفحة activity_main.xml

نقوم أولا بوضع هذا السطر في layout الأول لكي يتعرف على بعض الخصائص التي سنضيفها للوسم الخاص بالمكتبة

xmlns:app="http://schemas.android.com/apk/res-auto"

ثم نقوم بعد ذلك بوضع الوسم الخاص بهذه المكتبة والذي يأتي على الشكل التالي

<com.airbnb.lottie.LottieAnimationView
android:id="@+id/animation_view1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:lottie_autoPlay="true"
        app:lottie_colorFilter="#FFF44236"
        app:lottie_fileName="loading.json"
app:lottie_loop="true"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"/>

ومبروك عليك اشتغال هذا التأثير

تعليمات

  app:lottie_fileName="loading.json"

من خلال هذا السطر وضعنا اسم الملف الذي حملناه بصيغة json أنت قم بوضع الإسم الخاص بملفك

app:lottie_autoPlay="true"

هذا السطر لتشغيل التحريك تلقائيا بعد الدخول للصفحة يمكنك تغيير true إلى false من أجل عدم تشغيله تلقائيا