খারিজ করতে সোয়াইপ করুন

অ্যানিমেশন খারিজ করতে সোয়াইপ করুন যখন ব্যবহারকারীরা পূর্ববর্তী পৃষ্ঠায় নেভিগেট করেন তখন রূপান্তরটি বোঝায়।

খারিজ করার জন্য সোয়াইপ করার জন্য অ্যানিমেশনের বিবরণ RSB প্রেসের মতো। আপনার আঙুল 50% পর্যন্ত অ্যানিমেশনের অগ্রগতি নিয়ন্ত্রণ করে।

অ্যাপ ভিউতে একটি অতিরিক্ত অ্যানিমেশন রয়েছে যা খারিজ অঙ্গভঙ্গির সাথে সংযুক্ত। অ্যাপ ভিউতে যে পরিমাণ নড়াচড়া দেখানো হয়েছে তা আঙুলের নড়াচড়ার জন্য যে দূরত্ব প্রয়োজন তা ঠিক একই নয়। অ্যাপ ভিউটি কখনই স্ক্রিনের প্রান্তটি ছেড়ে যাবে না, কিছু প্রতিরোধের সাথে স্কুইজের মতো প্রভাব প্রদর্শন করে।

বাস্তবায়ন

Wear এর Box , SwipeToDismissBox এর নিজস্ব সংস্করণ রয়েছে। এটি সোয়াইপ-টু-খারিজ অঙ্গভঙ্গির জন্য সমর্থন যোগ করে, যা মোবাইলের পিছনের বোতামের মতো।

SwipeToDismissBox হল একটি সংমিশ্রণযোগ্য যা ডানদিকে সোয়াইপ করে খারিজ করা যেতে পারে।

SwipeToDismissBox ব্যবহার করতে, আপনাকে প্রথমে একটি রাজ্য তৈরি করতে হবে। রাজ্যে সোয়াইপ দিক, অ্যানিমেশন চলছে কিনা, বর্তমান মান এবং লক্ষ্য এবং আরও অনেক কিছুর তথ্য রয়েছে৷ নিচের উদাহরণটি দেখায় কিভাবে একটি সাধারণ সোয়াইপ ডিজাইন করা যায় যাতে অ্যাকশন খারিজ করা যায়:

val state = rememberSwipeToDismissBoxState()
SwipeToDismissBox(
    onDismissed = { /* navigateBack */ },
) { isBackground ->
    if (isBackground) {
        Box(modifier = Modifier.fillMaxSize().background(MaterialTheme.colors.secondaryVariant))
    } else {
        Column(
            modifier = Modifier.fillMaxSize().background(MaterialTheme.colors.primary),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center,
        ) {
            Text("Swipe to dismiss", color = MaterialTheme.colors.onPrimary)
        }
    }
}

নেভিগেশন লাইব্রেরির সাথে SwipeToDismissBox ব্যবহার করার বিষয়ে আরও তথ্যের জন্য, Wear Compose নেভিগেশন লাইব্রেরির রেফারেন্স ডক্স দেখুন।

ডিজাইন

অ্যাকশন খারিজ করার জন্য সোয়াইপ ডিজাইন করার সময়, নিম্নলিখিত দুটি নীতি মাথায় রাখুন:

পর্দার প্রান্ত

অন্যান্য UI উপাদানগুলির জন্য অ্যাকাউন্ট যা সোয়াইপ করা যায়, যেমন পৃষ্ঠাযুক্ত অ্যাপ ভিউ। যখন খারিজ করতে সোয়াইপ করা সম্ভব হয়, সেই গতিকে ট্রিগার করতে স্ক্রিনের প্রান্তের 20% রিজার্ভ করুন।

কন্টেন্ট অনুভূমিকভাবে স্ক্রোলযোগ্য হলে এজ-সোয়াইপ করার উদাহরণের জন্য Wear OS কোডবেসের জন্য রচনা উপাদান থেকে এই উদাহরণটি দেখুন।

থ্রেশহোল্ড ফিরে যেতে বা অ্যাপ ভিউতে থাকতে

ব্যবহারকারী যদি স্ক্রিনের প্রস্থের 50% এর বেশি জুড়ে তাদের আঙুল টেনে নিয়ে থাকে, তবে অ্যাপটিকে বাকি সোয়াইপ ব্যাক অ্যানিমেশন ট্রিগার করা উচিত। এর থেকে কম হলে, অ্যাপটিকে সম্পূর্ণ অ্যাপ ভিউতে ফিরে আসা উচিত।

যদি অঙ্গভঙ্গি দ্রুত হয়, 50% থ্রেশহোল্ড নিয়ম উপেক্ষা করুন এবং পিছনে সোয়াইপ করুন।