تصاویر وکتور متحرک در Compose

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

  • فرمت فایل AnimatedVectorDrawable
  • ImageVector با APIهای انیمیشن Compose، مانند این مقاله Medium
  • یک راهکار شخص ثالث مانند Lottie

فایل‌های قابل ترسیم برداری متحرک (آزمایشی)

متحرک‌سازی محتویات ساعت شنی و چرخش آن
شکل ۱. بردار متحرک قابل ترسیم در 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

برای اطلاعات بیشتر در مورد قالب فایل drawable خود، به بخش «انیمیت کردن گرافیک‌های drawable» مراجعه کنید.

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