صور متجهات متحركة في Compose

يمكنك إضافة حركة إلى الأشكال الهندسية في ميزة "الإنشاء" بعدة طرق مختلفة. يمكنك استخدام أيٍّ ممّا يلي:

• تنسيق ملف AnimatedVectorDrawable
• ImageVector باستخدام واجهات برمجة التطبيقات Compose Animation API، كما هو موضّح في هذه المقالة على Medium
• حلّ تابع لجهة خارجية، مثل Lottie

ملفات متّجهات قابلة للرسم متحركة (تجريبية)

الشكل 1. متّجه قابل للرسم متحرك في ميزة "الإنشاء"

لاستخدام مورد AnimatedVectorDrawable، حمِّل ملف الرسم باستخدام animatedVectorResource وأدخِل boolean للتبديل بين حالة البدء والنهاية للرسم، ما يؤدي إلى تنفيذ التأثير المتحرك.

@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
    )
}
AnimationSnippets.kt

لمزيد من المعلومات عن تنسيق ملف الرسم، يُرجى الاطّلاع على مقالة إضافة الرسومات المرسومة إلى الصور المتحركة.