تصاویر برداری پویانمایی‌شده در 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
    )
}

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

قبلی
انیمیشن های مبتنی بر ارزش
بعدی
سفارشی کردن انیمیشن ها