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

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

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

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

استخدِم شجرة القرارات التالية لاختيار واجهة برمجة التطبيقات الأكثر ملاءمةً للتأثيرات المتحركة في حالة الاستخدام:

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

نزِّل نسخة الرسم البياني بتنسيق PDF.