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

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

  • فرمت فایل AnimatedVectorDrawable
  • ImageVector با APIهای انیمیشن 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
    )
}

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

{% کلمه به کلمه %} {% آخر کلمه %} {% کلمه به کلمه %} {% آخر کلمه %}