بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين مرحبا بكم متابعينا الكرام زوار مدونة عرب ويب في هذا الدرس الجديد، والذي من خلاله سنتعرف على مكتبة lottie التي تستخدم لوضع مقاطع متحركة داخل التطبيق الخاص بك
بعد ذلك نقوم بإضافة مجلد assets ونقوم بوضع داخله ملف json الخاص بالأنمشن، يمكنك الحصول على هذه الملفات من هذا الموقع . بعد تحميلك للأنمشن الذي تريد، تقوم بوضع الملف الخاص به في مجلد assets ، ثم نقوم بنسخ اسم الملف لكي نستخدمه في صفحة xml.
نتوجه بعد ذلك ل ملف xml الذي نريد وضع داخله الأنمشن مثلا صفحة activity_main.xml
نقوم أولا بوضع هذا السطر في layout الأول لكي يتعرف على بعض الخصائص التي سنضيفها للوسم الخاص بالمكتبة
ومبروك عليك اشتغال هذا التأثير
تعليمات
من خلال هذا السطر وضعنا اسم الملف الذي حملناه بصيغة json أنت قم بوضع الإسم الخاص بملفك
هذا السطر لتشغيل التحريك تلقائيا بعد الدخول للصفحة يمكنك تغيير true إلى false من أجل عدم تشغيله تلقائيا
أولا بعد انشاء مشروع اندرويد جديد سوف نضيف السطر الخاص بالمكتبة في ملف 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"
app:lottie_autoPlay="true"
هلا اخي الكريم اناى اريد ان اضيف موشن جرافيك في التطبيق الي انت نشرته اسم االتطبيق قناتي في اي ملف اضيف
إرسال ردحذف