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
    )
}
AnimationSnippets.kt

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

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