اختيار واجهة برمجة تطبيقات للصور المتحركة

يساعدك الرسم التخطيطي أدناه في تحديد واجهة برمجة التطبيقات التي يجب استخدامها لتنفيذ الحركة.

الشكل 1. شجرة القرار التي تصف كيفية اختيار واجهة برمجة التطبيقات المناسبة للصور المتحركة

اتبع أسئلة شجرة القرار أدناه لاختيار واجهة برمجة تطبيقات الرسوم المتحركة الأكثر ملاءمة لحالة استخدامك:

• هل الصورة المتحركة أشبه بالفنون وتتألف من العديد من العناصر المرئية؟ مثل الرسومات الموجّهة التي يمكن تغيير حجمها (SVG) أو الصور
  • نعم: هل يحتوي الملف على رسومات موجّهة يمكن تغيير حجمها (SVG) بسيطة؟ أي رمز به صور متحركة دقيقة
    • نعم: AnimatedVectorDrawable
    • لا: إطار عمل الصور المتحركة التابع لجهة خارجية، أي Lottie
  • لا: هل يجب تكرارها إلى الأبد؟
    • نعم: rememberInfiniteTransition
    • لا: هل هذه صورة متحركة للتخطيط؟
      • نعم: هل تريد التغيير بين عدة عناصر قابلة للإنشاء تحتوي على محتوى مختلف؟
        • نعم: باستخدام ميزة التنقل-الإنشاء؟
          • نعم: composable() مع ضبط enterTransition وexitTransition
          • لا: AnimatedContent أو Crossfade أو Pager
        • لا: هل هناك رسوم متحركة للمظهر أو الاختفاء؟
          • نعم: AnimatedVisibility أو animateFloatAsState مع Modifier.alpha()
          • لا: هل تريد تحميل محتوى متحرك؟
            • نعم: Modifier.animateContentSize
            • لا: خاصية تنسيق أخرى، مثل الإزاحة والمساحة المتروكة وما إلى ذلك
              • نعم: راجِع "هل المواقع الإلكترونية مستقلة تمامًا عن بعضها البعض؟"
              • لا: هل هناك صور متحركة لعناصر القائمة؟
                • نعم: animateItemPlacement() (ستتوفّر إعادة الترتيب والحذف قريبًا)
      • لا: هل تحتاج إلى إضافة تأثيرات متحرّكة إلى عدة خصائص؟
        • نعم: هل السمات مستقلة تمامًا عن بعضها البعض؟
          • نعم: animate*AsState، بالنسبة إلى النصوص، استخدِم TextMotion.Animated.
          • لا: هل تريد البدء في الوقت نفسه؟
            • نعم: نعم: updateTransition مع AnimatedVisibility وanimateFloat وanimateInt وما إلى ذلك
            • لا: Animatable مع استدعاء animateTo مع توقيتات مختلفة (باستخدام دوال التعليق)
        • لا: هل تحتوي الصورة المتحركة على مجموعة من القيم المستهدفة المحددة مسبقًا؟
          • نعم: animate*AsState، بالنسبة إلى النصوص، استخدِم TextMotion.Animated.
          • لا: هل تريد استخدام إيماءة متحركة؟ هل الرسوم المتحركة هي مصدر الحقيقة الوحيد؟
            • نعم: Animatable مع animateTo / snapTo
            • لا، هل هناك صورة متحركة للقطة واحدة بدون إدارة حالة؟
              • نعم: AnimationState أو animate
              • لا: أليس الإجابة هنا؟ تقديم طلب ميزة

نزِّل نسخة PDF من المخطّط البياني.