Compose-এ অ্যানিমেটেড ভেক্টর ছবি

Compose-এ ভেক্টর অ্যানিমেট করার কয়েকটি আলাদা আলাদা উপায় আছে। আপনি নিম্নলিখিত যেকোনও একটি ব্যবহার করতে পারেন:

  • AnimatedVectorDrawable ফাইল ফর্ম্যাট
  • ImageVector Compose অ্যানিমেশন API-এর মাধ্যমে, যেমন এই 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
    )
}

আপনার ড্রয়েবল ফাইলের ফর্ম্যাট সম্পর্কে আরও তথ্য পেতে, ড্রয়েবল গ্রাফিক্স অ্যানিমেট করা দেখুন।

  • মনে রাখবেন: জাভাস্ক্রিপ্ট বন্ধ থাকলে লিঙ্ক টেক্সট দেখানো হয়
  • ছবি লোড হচ্ছে