'আগের ধাপে ফিরে যাওয়া সংক্রান্ত পূর্বাভাস' ফিচার সেট-আপ করা

'প্রেডিকটিভ ব্যাক' ও সিস্টেম অ্যানিমেশন ডিফল্ট হিসেবে চালু থাকে। আপনার অ্যাপ যদি 'আগের ধাপে ফিরে যাওয়া' ইভেন্ট ইন্টারসেপ্ট করে এবং আপনি যদি 'আগের ধাপে ফিরে যাওয়া' সংক্রান্ত পূর্বাভাসের ফিচারে মাইগ্রেট না করে থাকেন, সাপোর্ট করা ব্যাক নেভিগেশন API ব্যবহার করতে আপনার অ্যাপ আপডেট করুন।

ডিফল্ট সিস্টেম অ্যানিমেশন চালু করা

যেসব অ্যাপ উপযুক্ত ব্যাক হ্যান্ডেলিং API-তে মাইগ্রেট করেছে, সেগুলির জন্য Android 15 ও তার পরবর্তী যেকোনও ভার্সনে হোমে ফিরে যাওয়া, ক্রস-অ্যাক্টিভিটি ও ক্রস-টাস্ক সিস্টেম অ্যানিমেশন উপলভ্য।

• হোম স্ক্রিনে ফিরে যাওয়া: ব্যবহারকারীকে হোম স্ক্রিনে ফিরিয়ে নিয়ে যায়।
• ক্রস-অ্যাক্টিভিটি: অ্যাপের মধ্যে অ্যাক্টিভিটিগুলির মধ্যে ট্রানজিশন।
• ক্রস-টাস্ক: টাস্কের মধ্যে ট্রানজিশন।

Android 15 ও তার পরবর্তী যেকোনও ভার্সনে এইসব অ্যানিমেশন ডিফল্ট হিসেবে চালু থাকে। Android 13 বা 14 ভার্সনে চলে এমন ডিভাইসে ব্যবহারকারীরা ডেভেলপার বিকল্পের মাধ্যমে সেগুলি চালু করতে পারবেন।

সিস্টেম অ্যানিমেশন পেতে, আপনার AndroidX Activityডিপেন্ডেন্সি 1.6.0 বা তার পরবর্তী যেকোনও ভার্সনে আপডেট করুন।

Navigation Compose-এর মাধ্যমে 'ফিরে যাওয়া' সংক্রান্ত পূর্বাভাস চালু করা

Navigation Compose-এ 'প্রেডিক্টিভ ব্যাক' ফিচার ব্যবহার করতে, নিশ্চিত করুন যে আপনি navigation-compose 2.8.0 লাইব্রেরি বা তার পরবর্তী যেকোনও ভার্সন ব্যবহার করছেন।

ব্যবহারকারী সোয়াইপ করে আগের স্ক্রিনে ফিরে গেলে, Navigation Compose অটোমেটিক স্ক্রিন ক্রস-ফেড করে দেয়:

নেভিগেট করার সময়, আপনি popEnterTransition ও popExitTransition ব্যবহার করে কাস্টম ট্রানজিশন তৈরি করতে পারবেন। আপনার NavHost-এ প্রয়োগ করা হলে, এই মডিফায়ারগুলি আপনাকে এন্টার ও এক্সিট স্ক্রিন কীভাবে অ্যানিমেট করবে তা নির্ধারণ করতে দেয়। আপনি এগুলি ব্যবহার করে বিভিন্ন ধরনের এফেক্ট তৈরি করতে পারবেন, যেমন স্কেলিং, ফেডিং বা স্লাইডিং।

এই উদাহরণে, ব্যবহারকারী নেভিগেট করে ফিরে আসার সময় আগেকার স্ক্রিন ছোট করে দেখানোর জন্য popExitTransition-এর মধ্যে scaleOut ব্যবহার করা হয়েছে। এছাড়াও, transformOrigin প্যারামিটার সেই পয়েন্ট নির্ধারণ করে যার চারপাশে স্কেলিং অ্যানিমেশন হয়। ডিফল্ট হিসেবে, এটি স্ক্রিনের কেন্দ্রবিন্দু (0.5f, 0.5f)। স্কেলিং যাতে অন্য কোনও পয়েন্ট থেকে শুরু হয়, সেই জন্য আপনি এই ভ্যালু অ্যাডজাস্ট করতে পারবেন।

NavHost(
    navController = navController,
    startDestination = Home,
    popExitTransition = {
        scaleOut(
            targetScale = 0.9f,
            transformOrigin = TransformOrigin(pivotFractionX = 0.5f, pivotFractionY = 0.5f)
        )
    },
    popEnterTransition = {
        EnterTransition.None
    },
    modifier = modifier,
)
PredictiveBackSnippets.kt

এই কোডটি নিম্নলিখিত ফলাফল তৈরি করে:

popEnterTransition এবং popExitTransition ব্যাক জেসচারের মাধ্যমে ব্যাক স্ট্যাক পপ করার সময় বিশেষভাবে অ্যানিমেশন কন্ট্রোল করে। এছাড়াও, আপনি enterTransition ও exitTransition ব্যবহার করে, শুধু 'ফিরে যাওয়া' সংক্রান্ত পূর্বাভাসের জন্য নয়, সাধারণভাবে কম্পোজেবল আইটেম ঢোকানো ও বের করার অ্যানিমেশনও সেট করতে পারবেন। আপনি শুধু enterTransition ও exitTransition সেট করলে, সেগুলি সাধারণ নেভিগেশন ও ব্যাক স্ট্যাক পপ করার জন্য ব্যবহার করা হয়। তবে, popEnterTransition ও popExitTransition ব্যবহার করলে, আপনি ফিরে যাওয়ার নেভিগেশনের জন্য আলাদা আলাদা অ্যানিমেশন তৈরি করতে পারবেন।

শেয়ার করা এলিমেন্ট ট্রানজিশনের সাথে ইন্টিগ্রেট করা

শেয়ার করা এলিমেন্ট ট্রানজিশন, শেয়ার করা কন্টেন্ট সহ কম্পোজ করার উপযুক্ত আইটেমের মধ্যে একটি মসৃণ ভিজ্যুয়াল কানেকশন প্রদান করে, যা প্রায়শই নেভিগেশনের জন্য ব্যবহার করা হয়।

Navigation Compose-এর সাথে শেয়ার করা এলিমেন্ট ব্যবহার করতে, শেয়ার করা এলিমেন্ট সহ 'প্রেডিক্টিভ ব্যাক' দেখুন।

Material Compose কম্পোনেন্ট সহ 'আগের ধাপে ফিরে যাওয়া সংক্রান্ত পূর্বাভাস' ফিচারের সুবিধা

Material Compose লাইব্রেরির অনেক কম্পোনেন্ট, 'প্রেডিক্টিভ ব্যাক জেসচার' ফিচারের সাথে নির্বিঘ্নে কাজ করার জন্য ডিজাইন করা হয়েছে। এইসব কম্পোনেন্টে প্রিডিক্টিভ ব্যাক অ্যানিমেশন চালু করতে, আপনার প্রজেক্টে লেটেস্ট Material3 ডিপেন্ডেন্সি (androidx.compose.material3:material3-*:1.3.0 বা তার পরের যেকোনও ভার্সন) অন্তর্ভুক্ত করুন।

যেসব মেটেরিয়াল কম্পোনেন্ট প্রেডিকটিভ ব্যাক অ্যানিমেশন সাপোর্ট করে তার মধ্যে এগুলি অন্তর্ভুক্ত:

• SearchBar
• ModalBottomSheet
• ModalDrawerSheet/DismissibleDrawerSheet
• ModalNavigationDrawer/DismissibleNavigationDrawer

SearchBar এবং ModalBottomSheet অটোমেটিক অ্যানিমেট হয় পূর্বাভাসমূলক ব্যাক জেসচারের মাধ্যমে। ModalNavigationDrawer, ModalDrawerSheet, DismissibleDrawerSheet এবং DismissibleNavigationDrawer-এর জন্য আপনাকে drawerState পাস করতে হবে তাদের নিজ নিজ শীট কন্টেন্ট কম্পোজ করার উপযুক্ত আইটেমে।

'আগের ধাপে ফিরে যাওয়া' জেসচার অ্যানিমেশন পরীক্ষা করা

আপনি এখনও Android 13 বা Android 14 ব্যবহার করলে, ব্যাক-টু-হোম অ্যানিমেশন পরীক্ষা করতে পারবেন।

এই অ্যানিমেশন পরীক্ষা করতে, এইসব ধাপ অনুসরণ করুন:

1. আপনার ডিভাইসে, সেটিংস > সিস্টেম > ডেভেলপার বিকল্প বিকল্পে যান।
2. প্রেডিকটিভ ব্যাক অ্যানিমেশন বিকল্প বেছে নিন।
3. আপনার আপডেট করা অ্যাপ লঞ্চ করুন এবং এটি কীভাবে কাজ করে তা দেখতে আগের ধাপে ফিরে যাওয়ার জেসচার ব্যবহার করুন।

Android 15 ও তার পরবর্তী যেকোনও ভার্সনে, এই ফিচার সাধারণত চালু করা থাকে।

অতিরিক্ত রিসোর্স

• প্রেডিকটিভ ব্যাক অ্যানিমেশন কোডল্যাব যোগ করা
• Compose ভিডিওতে উন্নত লেআউট অ্যানিমেশন