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

يمكن تحريك المتجهات في Compose بعدة طرق مختلفة. يمكنك استخدام أي مما يلي:

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

المتّجهات المتحركة القابلة للرسم

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

لاستخدام مورد AnimatedVectorDrawable، عليك تحميل ملف drawable باستخدام animatedVectorResource وتمرير boolean للتبديل بين حالة البدء والانتهاء لملف drawable، وتنفيذ الحركة.

@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

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