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

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

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

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

استخدِم شجرة القرارات التالية لاختيار واجهة برمجة التطبيقات الخاصة بالرسوم المتحركة الأنسب لحالة الاستخدام:

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

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