স্ট্যাক

স্ট্যাক হলো একটি সংকুচিত তালিকা যা একটি স্ট্যাকড ভিজ্যুয়ালে, যেমন একটি নোটিফিকেশন বা কার্ড, একবারে শুধুমাত্র একটি বিষয়বস্তু প্রদর্শন করে।

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

নীতিমালা

স্ট্যাক হলো একটি কন্টেইনার কম্পোনেন্ট, তাই এর ডিজাইনের নীতিগুলো কার্ড এবং লিস্টের সাথে মিলে যায়:

সংবদ্ধকরণ : গোষ্ঠী-সম্পর্কিত তথ্য ও কার্যকলাপকে একটি একক, সহজবোধ্য অংশে সাজিয়ে রাখে।

মনোযোগী ও স্পষ্টতা : তাঁরা বিষয়বস্তু স্পষ্ট ও সুনির্দিষ্টভাবে উপস্থাপন করেন।

বহুমুখীতা : স্ট্যাকগুলো কার্ড এবং নোটিফিকেশন প্রদর্শন করতে পারে।

সুসংগত উপস্থাপনা : স্ট্যাকগুলো একটি সুসংগত দৃশ্যমান কাঠামো অনুসরণ করে।

ব্যবহার ও স্থাপন

স্ট্যাক হলো একটি তালিকার মধ্যে একাধিক উপাদানকে সংকুচিত অবস্থায় ব্যবহারকারীদের দেখানোর একটি উপায়, যা দৃশ্যমান উপাদানগুলোকে কমিয়ে আনে। স্ট্যাকের দুটি ভিন্ন প্রকারভেদ রয়েছে:

  • তাসের স্তূপ

  • নোটিফিকেশন স্ট্যাক

স্ট্যাক একটি কন্টেইনার কম্পোনেন্ট, এর উভয় সংস্করণের কার্যকারিতা বা চেহারায় কোনো পার্থক্য নেই।

উভয়ের দেখতে ও কাজ প্রায় একই রকম হওয়া উচিত। স্ট্যাকটি হলো এই কন্ট্রোলগুলোর জন্য একটি ধারক, যার মধ্যে পেজিনেশনের জন্য অন্তর্নির্মিত লজিক রয়েছে।

স্ট্যাক নেভিগেশন

ব্যবহারকারীরা টাচপ্যাডে সামনে ও পেছনে সোয়াইপ বা ড্র্যাগ করে নেভিগেট করেন। স্ট্যাকটি স্ক্রোল করলে একবারে কেবল একটি আইটেমই দেখা যাবে।

ফ্রেমের নিচের অংশে ডিজাইনের উপাদানগুলো নোঙর করুন e

স্ট্যাকের মধ্যে দিয়ে একবারে একটি করে আইটেম অতিক্রম করা যায়।

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

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

ফোকাস নির্দেশ করতে গভীরতা ব্যবহার করুন

স্ট্যাকের নিচের আইটেমগুলোর গভীরতা ০ এবং সবচেয়ে উপরের আইটেমটির গভীরতা +২ হয়।

শারীরস্থান

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

কোনো স্ট্যাকের শুরু বা শেষের পাশ দিয়ে সোয়াইপ করলে সাধারণ স্ট্রেচ অ্যানিমেশনটি দেখা যায়, যা স্ট্যাকটির শুরু বা শেষকে আরও সুস্পষ্ট করে তোলে।

ডিজাইনের উপাদানগুলো ফ্রেমের নিচের অংশে নোঙর করা উচিত।

কাস্টমাইজেশন

স্ট্যাকগুলিতে অন্তর্নির্মিত স্ক্রিম, পেজিং এবং অ্যানিমেশন রয়েছে যা কাস্টমাইজ করা যায় না। বরং স্ট্যাকের ভেতরের বিষয়বস্তু কাস্টমাইজ করা হয়।

ভিজ্যুয়াল নয়েজ কমাতে স্ক্রল করার সময় UI এলিমেন্টগুলোর অস্বচ্ছতা বজায় রাখুন।
স্ক্রোল করার সময় স্ট্যাক আইটেমগুলির অস্বচ্ছতা সামঞ্জস্য করুন।