Jetpack Compose Glimmer-এ উল্লম্ব স্ট্যাক

প্রযোজ্য XR ডিভাইস
এইসব XR ডিভাইসের জন্য অভিজ্ঞতা তৈরি করতে এই নির্দেশিকা আপনাকে সাহায্য করে।
XR ডিভাইসের ধরন সম্পর্কে জানুন →
Display Glasses
XR ডিভাইসের ধরন সম্পর্কে জানুন →

Jetpack Compose Glimmer-এ, VerticalStack হল একটি অলস, উল্লম্বভাবে স্ক্রল করা যায় এমন লেআউট যা আইটেমগুলিকে দৃশ্যত ওভারল্যাপ করা, ত্রিমাত্রিক সিকোয়েন্সে সাজায়। প্রাইমারি আইটেমটি ফোরগ্রাউন্ডে স্পষ্টভাবে দেখানো হয়, যেখানে পরবর্তী আইটেমগুলি এর পিছনে পজিশন করা হয়।

ছবি ১. Jetpack Compose Glimmer-এ বিভিন্ন স্টাইলের স্ট্যাকের উদাহরণ।

স্ক্রল ও পজিশন করার আচরণ

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

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

ফোকাস ম্যানেজমেন্ট

VerticalStack একটি বিশেষ ফোকাস সিস্টেম ব্যবহার করে যাতে বর্তমান ফোরগ্রাউন্ড আইটেম সবসময় ব্যবহারকারীর ইন্টার‍্যাকশনের প্রাথমিক টার্গেট হয়:

  • প্রাথমিক ফোকাস ও আবার প্রবেশ করা: প্রাথমিক ফোকাস ও আবার প্রবেশ করার ফোকাস স্ট্যাকের বর্তমান টপ আইটেমে যায়।
  • অটো-ফোকাস বিজ্ঞপ্তি: আইটেম ট্রানজিশন করার সময়, স্ট্যাক টপ আইটেমের জন্য ফোকাস করার অনুরোধ করে।
  • ফোকাস ট্র্যাকিং: প্রতিটি আইটেম onFocusChanged ব্যবহার করে সেটির স্বতন্ত্র ফোকাস স্ট্যাটাস সম্পর্কে StackState-কে জানায়।

যেমন: ভার্টিক্যাল স্ট্যাক তৈরি করা

নিম্নলিখিত কোডটি কয়েকটি কার্ড আইটেম সহ একটি ভার্টিক্যাল স্ট্যাক তৈরি করে:

@Composable
fun VerticalStackSample() {
    VerticalStack {
        item {
            Card { Text("Top Card") }
        }
        item {
            Card { Text("Second Card") }
        }
        item {
            Card { Text("Third Card") }
        }
    }
}