গ্রিড টেমপ্লেটটি গ্রিড লেআউটে আইটেমগুলি উপস্থাপন করে এবং ব্যবহারকারীরা যখন তাদের নির্বাচনের জন্য প্রাথমিকভাবে ছবির উপর নির্ভর করে তখন এটি কার্যকর।
এই টেমপ্লেটটি ট্যাবযুক্ত নেভিগেশন প্রদানের জন্য ট্যাব টেমপ্লেটে এমবেড করা যেতে পারে অথবা মানচিত্রে একটি গ্রিড প্রদানের জন্য মানচিত্র + সামগ্রী টেমপ্লেটে অন্তর্ভুক্ত করা যেতে পারে।
গ্রিড টেমপ্লেটে নিম্নলিখিতগুলি অন্তর্ভুক্ত রয়েছে:
- ঐচ্ছিক হেডার ( ট্যাব টেমপ্লেটে এই টেমপ্লেটটি এম্বেড করা হলে হেডারটি ট্যাব দিয়ে প্রতিস্থাপিত হয়)
- গ্রিড আইটেম (নীচের নোটটি দেখুন), প্রতিটিতে একটি আইকন অথবা একটি বড় আকারের ছবি থাকবে
- প্রতিটি গ্রিড আইটেমের জন্য প্রাথমিক টেক্সট (ঐচ্ছিক)
- প্রতিটি গ্রিড আইটেমের জন্য গৌণ টেক্সট (ঐচ্ছিক)
- একটি ছবি বা আইকন (ঐচ্ছিক)
- একটি ব্যাজ
- ঐচ্ছিক ভাসমান অ্যাকশন বোতাম
আরও নমনীয়তার জন্য এবং সর্বশেষ বৈশিষ্ট্যগুলির সুবিধা নিতে, গ্রিড টেমপ্লেটের পরিবর্তে সেকশনড আইটেম টেমপ্লেট ব্যবহার করুন। সেকশনড আইটেম টেমপ্লেটের সাহায্যে, আপনি একটি কাস্টম ব্রাউজিং কাঠামো তৈরি করতে তালিকা এবং গ্রিডগুলিকে মিশ্রিত এবং মেলাতে পারেন।
গ্রিড টেমপ্লেট UX প্রয়োজনীয়তা
| উচিত | ছোট করা এড়াতে প্রাথমিক এবং মাধ্যমিক টেক্সট স্ট্রিংগুলির দৈর্ঘ্য সীমিত করুন। |
| উচিত | প্রতিটি গ্রিড আইটেমের সাথে একটি অ্যাকশন যুক্ত করুন (শুধুমাত্র তথ্য-ভিত্তিক আইটেমগুলি সুপারিশ করা হয় না)। |
| উচিত | ছবি, আইকন বা টেক্সটের ভিন্নতার মাধ্যমে আইটেমের অবস্থা (যেসব গ্রিড আইটেমের একাধিক অবস্থা আছে, যেমন নির্বাচিত এবং অনির্বাচিত) স্পষ্টভাবে নির্দেশ করুন। |
| উচিত | ঐচ্ছিক শিরোনাম এবং প্রাথমিক ও গৌণ ক্রিয়া সহ একটি শিরোনাম অন্তর্ভুক্ত করুন। |
| উচিত নয় | একই সাথে একটি অ্যাকশন স্ট্রিপ এবং একটি ভাসমান অ্যাকশন বোতাম উভয়ই অন্তর্ভুক্ত করুন। |
| মে | যখন আইটেমের সাথে সম্পর্কিত কোনও কাজ চলছে, তখন গ্রিড আইটেমের আইকন বা ছবির পরিবর্তে একটি লোডিং স্পিনার দেখান। |
রিসোর্স
| আদর্শ | লিংক |
| API রেফারেন্স | GridTemplate, GridTemplate.Builder |