تصاویر برداری پویانمایی‌شده در Compose

پویانمایی بردارها در Compose به چند روش مختلف امکان‌پذیر است. می‌توانید از هرکدام از موارد زیر استفاده کنید:

  • قالب فایل AnimatedVectorDrawable
  • ImageVector با میاناهای برنامه‌سازی کاربردی پویانمایی Compose، مثل این مقاله Medium
  • راهکار طرف سوم مثل Lottie

ترسیمی‌های بُرداری پویانمایی‌شده

ساعت شنی که محتویاتش را پویانمایی می‌کند و می‌چرخد
شکل ۱. ترسیمی بُرداری پویانمایی‌شده در 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
    )
}

برای اطلاعات بیشتر درباره قالب فایل قابل‌ترسیم، به پویانمایی گرافیک‌های قابل‌ترسیم مراجعه کنید.

قبلی
پویانمایی‌های ارزش‌محور
بعدی
سفارشی‌سازی پویانمایی‌ها