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

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

  • AnimatedVectorDrawable फ़ाइल फ़ॉर्मैट
  • ImageVector Compose ऐनिमेशन एपीआई की मदद से, जैसे कि इस Medium लेख में बताया गया है
  • तीसरे पक्ष का कोई समाधान, जैसे कि 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
    )
}
AnimationSnippets.kt

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

पीछे जाएं
वैल्यू के हिसाब से ऐनिमेशन
आगे बढ़ें
ऐनिमेशन को पसंद के मुताबिक बनाएं