তালিকা হলো বিভিন্ন উপাদানের ধারক, যেগুলোতে অন্তর্নির্মিত স্ক্রলিং এবং ফোকাসের সুবিধা থাকে।
নীতিমালা
সুস্পষ্ট বিন্যাস : তালিকায় তথ্য সুস্পষ্ট ও সহজে পাঠযোগ্য উল্লম্ব বিন্যাসে উপস্থাপন করা উচিত।
আইটেমের সামঞ্জস্যপূর্ণ উপস্থাপন : তালিকার আইটেমগুলো একটি সামঞ্জস্যপূর্ণ দৃশ্যমান কাঠামো অনুসরণ করবে।
ফোকাসযোগ্যতা ও নেভিগেশন : দিকনির্দেশক নেভিগেশনের উপর নির্ভরশীল ইন্টারফেসগুলিতে, তালিকা থেকে ফোকাস করা আইটেমটি অবশ্যই স্পষ্টভাবে নির্দেশ করতে হবে।
মিথস্ক্রিয়াশীলতা : তালিকার আইটেমগুলো প্রায়শই নির্বাচনযোগ্য বা কার্যকর উপাদান উপস্থাপন করে।
ব্যবহার ও স্থাপন
লিস্টে পুনরাবৃত্তিমূলক উপাদানসহ বিভিন্ন সহোদর কন্টেন্ট থাকতে পারে। স্ট্যাকের বিপরীতে, লিস্ট অ্যাপ ভিউ কন্টেইনারটি সম্পূর্ণরূপে পূরণ করে।
ওভারফ্লো কন্টেন্ট বোঝাতে স্ক্রিম ব্যবহার করুন। যখন একটি লিস্টে ভিউয়ের ধারণক্ষমতার চেয়ে বেশি আইটেম থাকে, তখন লিস্টের সীমানার কাছে একটি কালো স্ক্রিম ব্যবহার করা হয়।
প্রয়োজনে তালিকার শিরোনাম ব্যবহার করা যেতে পারে । স্বচ্ছতার জন্য তালিকায় একটি স্থির বা অপরিবর্তনীয় শিরোনাম ব্যবহার করা যায়।
না
ফোকাস নির্দেশ করতে গভীরতা ব্যবহার করুন
আনফোকাসড এবং ফোকাসড অবস্থায় তালিকার আইটেমগুলো ০ থেকে +৪ গভীরতার মধ্যে ওঠানামা করে।
তালিকার আইটেমগুলো কার্যকর হতে পারে
তালিকার আইটেমগুলো অ্যাকশন হিসেবে কাজ করতে পারে। অ্যাকশনটি তালিকার আইটেমটির মধ্যেই সীমাবদ্ধ রাখুন।
ট্যাপ করলে যে কন্ট্রোলটি সক্রিয় হবে, সেটিকে হাইলাইট করুন, এমনকি যদি আপনি অন্য কিছু স্ক্রল করতে পারেন। যদি কোনো তালিকা বা কার্ড অন্য কোনো উপাদানের আড়ালে স্ক্রল করা যায়, তবে শুধুমাত্র সেই আইটেমটিতে ফোকাস করুন যা ট্যাপে সাড়া দেয়।
করুন
না
শারীরস্থান
তালিকাটি একটি স্ক্রলিং কন্টেইনার এবং সমান ব্যবধানে সাজানো আইটেম নিয়ে গঠিত। আইটেমের সংখ্যা ভিউপোর্ট অতিক্রম করলে, তালিকাটি ন্যূনতম ওভারশুট সহ উল্লম্বভাবে স্ক্রল করবে।
এ. কন্টেইনার - স্ক্রোলযোগ্য এলাকা
খ. তালিকার আইটেম
সি. সিস্টেম বার
তালিকার আইটেম: তালিকার অন্তর্ভুক্ত প্রতিটি স্বতন্ত্র উপাদান।
এ. আকৃতি
খ. সীমান্ত
সি. প্রধান আইকন
ডি. পাঠ্য বিষয়বস্তু
ই. ট্রেইলিং ইন্ডিকেটর
কাস্টমাইজেশন
বেশিরভাগ কাস্টমাইজেশন তালিকার আইটেমগুলোর ক্ষেত্রেই করা হয়।
| বৈশিষ্ট্য | কাস্টমাইজেশন | ডিফল্ট |
|---|---|---|
| তালিকার আইটেম: আকৃতি | হ্যাঁ | ৪০ ডিপি |
| তালিকার আইটেম: লিডিং এবং ট্রেইলিং আইকন | হ্যাঁ | মাঝারি প্রতীক আইকন |
| তালিকার আইটেম: প্যাডিং মান | হ্যাঁ | ২d dp, ২০ dp |
| তালিকার আইটেম: বিষয়বস্তু | হ্যাঁ | এক-লাইন: মূল লেবেলের জন্য একটি টেক্সট যা 'Body Small' ব্যবহার করে সাজানো যায়। দুই-লাইন: একটি কলাম যাতে মূল এবং দ্বিতীয় লেবেলের জন্য দুটি টেক্সট থাকে। মূল: শিরোনাম (Title Small) দ্বিতীয়: মূল অংশ (Body Small) |
| তালিকা: উল্লম্ব বিন্যাস | হ্যাঁ | ২০ ডিপি |