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

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

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

عناصر قابلة للرسم ومتّجه متحركة (تجريبية)

الشكل 1. متّجه متحرّك قابل للرسم في Compose

لاستخدام مورد 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

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