Compose में ऐनिमेशन वाली वेक्टर इमेज

Compose में वेक्टर को ऐनिमेट करने के कई तरीके हैं. इनमें से किसी का भी इस्तेमाल किया जा सकता है:

  • AnimatedVectorDrawable फ़ाइल फ़ॉर्मैट
  • ImageVector, Compose के ऐनिमेशन के एपीआई के साथ काम करता है, जैसा कि मीडियम के बारे में इस लेख में बताया गया है
  • Lottie जैसा तीसरे पक्ष का समाधान

ऐनिमेटेड वेक्टर ड्रॉबल (प्रयोग के तौर पर उपलब्ध)

रेत-घड़ी की सुविधा, अपने कॉन्टेंट को ऐनिमेट कर रही है और घुमा रही है
पहली इमेज. 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
    )
}

अपनी ड्रॉ करने लायक फ़ाइल के फ़ॉर्मैट के बारे में ज़्यादा जानकारी के लिए, ड्रॉ करने लायक ग्राफ़िक ऐनिमेट करें देखें.