Compose'da animasyonlu vektör resimler

Compose'da vektörleri canlandırmak için birkaç farklı yöntem kullanabilirsiniz. Aşağıdakilerden herhangi birini kullanabilirsiniz:

• AnimatedVectorDrawable dosya biçimi
• ImageVector ile Compose Animation API'leri, örneğin �bu Medium makalesinde
• Lottie gibi bir üçüncü taraf çözümü

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

AnimatedVectorDrawable kaynağını kullanmak için animatedVectorResource kullanarak çizilebilir dosyayı yükleyin ve çizilebilir öğenizin başlangıç ile bitiş durumu arasında geçiş yapmak için boolean öğesini ileterek animasyonu gerçekleştirin.

@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

Çizilebilir dosyanızın biçimi hakkında daha fazla bilgi için Çizilebilir grafikleri animasyonla hareketlendirme başlıklı makaleyi inceleyin.