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

স্ক্রোলিং এবং অবস্থান আচরণ
যেহেতু স্ট্যাক আইটেমগুলোকে একটি সংহত, ওভারল্যাপিং বিন্যাসে সাজিয়ে রাখে, তাই এগুলোর কিছু আচরণ অন্যান্য ধরনের ক্রমবিন্যস্ত উপাদান, যেমন লিস্ট , থেকে ভিন্ন।
- ব্যবহারকারী যখন উল্লম্বভাবে স্ক্রল করেন, তখন সক্রিয় অগ্রভাগের আইটেমটি দৃষ্টির বাইরে চলে যায়, ফলে এর ঠিক নীচের আইটেমটি অগ্রভাগে চলে আসে।
- ব্যবহারকারীর অঙ্গভঙ্গি শেষ হওয়ার পর, আইটেমগুলো একটি বিশেষ স্প্রিং অ্যানিমেশনের মাধ্যমে দ্রুত অগ্রভাগে চলে আসে।
- আইটেমগুলো z-অক্ষ বরাবর সাজানো থাকে এবং তালিকার শেষের দিকের আইটেমগুলো প্রধান আইটেমটির পিছনে রাখা হয়।
ফোকাস ব্যবস্থাপনা
VerticalStack একটি বিশেষায়িত ফোকাস সিস্টেম ব্যবহার করে এটি নিশ্চিত করে যে, ব্যবহারকারীর ইন্টারঅ্যাকশনের জন্য বর্তমান ফোরগ্রাউন্ড আইটেমটিই সর্বদা প্রাথমিক লক্ষ্যবস্তু থাকে:
- প্রাথমিক ফোকাস এবং পুনঃপ্রবেশ : প্রাথমিক ফোকাস এবং ফোকাস পুনঃপ্রবেশের সময় স্ট্যাকের বর্তমান শীর্ষ আইটেমটিতে ফোকাস স্থানান্তরিত হয়।
- স্বয়ংক্রিয়-ফোকাস বিজ্ঞপ্তি : আইটেমগুলো পরিবর্তিত হওয়ার সাথে সাথে, স্ট্যাকটি উপরের আইটেমটির জন্য ফোকাস অনুরোধ করে।
- ফোকাস ট্র্যাকিং : প্রতিটি আইটেম তার নিজস্ব ফোকাস স্ট্যাটাসের
StackStateজানানোর জন্যonFocusChangedব্যবহার করে।
উদাহরণ: একটি উল্লম্ব স্ট্যাক তৈরি করুন
নিম্নলিখিত কোডটি কয়েকটি কার্ড আইটেম সহ একটি উল্লম্ব স্ট্যাক তৈরি করে:
@Composable fun VerticalStackSample() { VerticalStack { item { Card { Text("Top Card") } } item { Card { Text("Second Card") } } item { Card { Text("Third Card") } } } }