Compose'da animasyonlu vektör resimler

Compose'da vektörlere birkaç farklı şekilde animasyon eklemek mümkündür. Aşağıdakilerden herhangi birini kullanabilirsiniz:

• AnimatedVectorDrawable dosya biçimi
• ImageVector Bu Medium makalesinde açıklandığı gibi animasyon oluşturma API'leriyle
• Lottie gibi bir üçüncü taraf çözümü

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

Bir AnimatedVectorDrawable kaynağı kullanmak için animatedVectorResource kullanarak çekilebilir dosyayı yükleyin ve animasyonu gerçekleştirmek için çekilebilir öğenin başlangıç ve bitiş durumu arasında geçiş yapmak üzere bir boolean iletin.

@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ı biçimlendirme hakkında daha fazla bilgi için Çizilebilir grafikleri animasyonlu hale getirme başlıklı makaleyi inceleyin.