Compose'da animasyonlu vektör resimler

Compose'da vektörlere animasyon birkaç farklı yöntemle yapılabilir. Aşağıdakilerden herhangi birini kullanabilirsiniz:

• AnimatedVectorDrawable dosya biçimi
• Compose animasyon API'leriyle ImageVector (bu Medium makalesinde olduğu gibi)
• Lottie gibi bir üçüncü taraf çözümü

Animasyonlu vektör çekilebilir öğeleri (deneysel)

Bir AnimatedVectorDrawable kaynağı kullanmak için çekilebilir dosyayı animatedVectorResource ile yükleyin ve animasyonu gerçekleştirerek çiziminizin başlangıç ve bitiş durumu arasında geçiş yapmak için bir boolean aktarın.

@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

Çekilebilir dosyanızın biçimi hakkında daha fazla bilgi için Çekilebilir grafikleri canlandırma başlıklı makaleye göz atın.

Sizin için önerilenler

• Not: Bağlantı metni JavaScript kapalıyken görüntülenir
• Resimler yükleniyor {:#loading-images}