عرض صورة متحركة

يمكنك توفير تجربة تفاعلية أكثر للمستخدمين في تطبيقك من خلال تحميل ملف قابل للرسم لعرض صور متحركة. تكون الصور المتحركة مفيدة لإنشاء مؤشرات التحميل أو مؤشرات النجاح أو الخطأ، وتسهيل تطوير الألعاب، ووظائف أخرى مختلفة لواجهة المستخدم.

توافق الإصدار

يتطلّب هذا التنفيذ ضبط الحد الأدنى من إصدار حزمة SDK لمشروعك على المستوى 21 من واجهة برمجة التطبيقات أو إصدار أحدث.

التبعيات

عرض صورة متحركة

يعرض الرمز البرمجي التالي متجهًا متحركًا يتحوّل تلقائيًا بين حالتَين:

@Composable
fun AnimatedVectorDrawable() {
    val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated)
    var atEnd by remember { mutableStateOf(false) }
    Image(
        painter = rememberAnimatedVectorPainter(image, atEnd),
        contentDescription = "Timer",
        modifier = Modifier.clickable {
            atEnd = !atEnd
        },
        contentScale = ContentScale.Crop
    )
}

النقاط الرئيسية حول الرمز

  • تحمِّل هذه الوظيفة موردًا مرسومًا متّجهًا، ما يؤدي إلى إضافة حركة إلى سمات الرسم بمرور الوقت.
  • مثيل Image يستخدم مثيل Painter لتنفيذ التأثير المتحرك الذي تم إنشاؤه من حالتَي AnimatedImageVector وboolean بواسطة الدالة rememberAnimatedVectorPainter().
  • عندما يكون atEnd هو true، يتوقف مثيل Painter عن عرض الصور المتحركة.

النتائج

ساعة رملية تُظهر محتوياتها وتدور
الشكل 1. متّجه قابل للرسم متحرك في ميزة "الكتابة الذكية"

المجموعات التي تتضمّن هذا الدليل

هذا الدليل هو جزء من مجموعات الأدلة السريعة المنظَّمة التي تتناول أهداف تطوير Android الأوسع نطاقًا:

تعرَّف على أساليب استخدام مرئيات مشرقة وجذابة لمنح تطبيق Android مظهرًا وشعورًا جميلَين.

إذا كانت لديك أسئلة أو ملاحظات

يمكنك الانتقال إلى صفحة الأسئلة الشائعة والاطّلاع على الأدلة السريعة أو التواصل معنا وإعلامنا برأيك.