একটি এজ-টু-এজ অ্যাপ সিস্টেম বারের নিচে ইউআই (UI) অঙ্কন করার মাধ্যমে পুরো স্ক্রিনটির ব্যবহার করে।
মূল বিষয়গুলো
- প্রান্ত থেকে প্রান্ত পর্যন্ত বিস্তৃত অভিজ্ঞতার জন্য সিস্টেম বারের নিচে ব্যাকগ্রাউন্ড এবং স্ক্রলিং কন্টেন্ট আঁকুন।
- সিস্টেম ইনসেটের নিচে ট্যাপ জেসচার বা ড্র্যাগ টার্গেট যোগ করা থেকে বিরত থাকুন; এগুলো এজ-টু-এজ এবং জেসচার নেভিগেশনের সাথে সাংঘর্ষিক।
সিস্টেম বারের আড়ালে আপনার কন্টেন্ট আঁকুন।
এজ-টু-এজ ফিচারটি আপনাকে সিস্টেম বারের নিচে UI আঁকার সুযোগ দেয়, যা এক নিমগ্ন অভিজ্ঞতা প্রদান করে।
একটি অ্যাপ ইনসেট -এর মাধ্যমে কন্টেন্টের ওভারল্যাপ বা উপরিপাতন সমস্যা সমাধান করতে পারে। সিস্টেম বার বা ডিসপ্লে কাটআউটের মতো ডিভাইসের ভৌত বৈশিষ্ট্যের সাথে ওভারল্যাপ এড়ানোর জন্য আপনার অ্যাপের কন্টেন্টকে কতটা প্যাড করতে হবে, তা ইনসেট দ্বারা নির্ধারিত হয়। কম্পোজ এবং ভিউ -তে কীভাবে এজ-টু-এজ সাপোর্ট করতে হয় এবং ইনসেট হ্যান্ডেল করতে হয়, সে সম্পর্কে পড়ুন।
এজ-টু-এজ ইউজ কেস ডিজাইন করার সময় নিম্নলিখিত ধরণের ইনসেটগুলি সম্পর্কে সচেতন থাকুন:
- সিস্টেম বার ইনসেট এমন UI-এর ক্ষেত্রে প্রযোজ্য যা ট্যাপযোগ্য এবং সিস্টেম বার দ্বারা দৃশ্যত আবৃত হওয়া উচিত নয়।
- সিস্টেম জেসচার ইনসেটগুলো অপারেটিং সিস্টেম দ্বারা ব্যবহৃত জেসচার-ন্যাভিগেশনাল এলাকাগুলোতে প্রযোজ্য হয়, যেগুলো আপনার অ্যাপের চেয়ে অগ্রাধিকার পায়।
- ডিসপ্লে কাটআউট ইনসেট ডিভাইসের সেইসব অংশে প্রযোজ্য যা ডিসপ্লের পৃষ্ঠতলের মধ্যে প্রসারিত থাকে, যেমন ক্যামেরা কাটআউট।
স্ট্যাটাস বার বিবেচনা
সিস্টেম বারের নকশার মৌলিক নির্দেশনার জন্য অ্যান্ড্রয়েড সিস্টেম বার অংশটি দেখুন। পরবর্তী অংশে স্ট্যাটাস বার সম্পর্কিত অতিরিক্ত বিবেচ্য বিষয়গুলো আলোচনা করা হয়েছে।
স্ক্রোলিং কন্টেন্ট
স্ক্রোল করার সময় টপ অ্যাপ বারগুলো সংকুচিত হওয়া উচিত। Material 3 TopAppBar কীভাবে সংকুচিত করতে হয় তা জানুন। Material 3-এ, ছোট টপ অ্যাপ বারগুলো স্ট্যাটাস বারের উচ্চতায় সংকুচিত হতে পারে অথবা স্ক্রিনের বাইরে স্ক্রোল করতে পারে। মাঝারি এবং বড় টপ অ্যাপ বারগুলো একটি ছোট অ্যাপ বারে সংকুচিত হতে পারে। Material-এর নির্দেশিকা দেখুন।
করুন
করুন
যখন UI নিচে স্ক্রল করে, তখন স্ট্যাটাস বারটি স্বচ্ছ হওয়া উচিত, যাতে স্ট্যাটাস বারের আইকনগুলো অগোছালো না দেখায়। এটি করার জন্য, প্রথমে LazyColumn বা RecyclerView ডকুমেন্টেশনে দেওয়া ধাপগুলো অনুসরণ করে একটি প্রান্ত থেকে প্রান্ত পর্যন্ত স্ক্রলযোগ্য UI তৈরি করুন। তারপর, নিম্নলিখিতগুলির মধ্যে একটি করে সিস্টেম বারটি স্বচ্ছ কিনা তা নিশ্চিত করুন:
- প্রযোজ্য হলে, স্ক্রোল করার সময় Material 3 TopAppBar-এর স্বয়ংক্রিয় সুরক্ষার উপর নির্ভর করুন।
- একটি কাস্টম গ্রেডিয়েন্ট কম্পোজেবল তৈরি করুন অথবা ভিউগুলির জন্য গ্রেডিয়েন্টপ্রোটেকশন ব্যবহার করুন। কম্পোজে এটি কীভাবে করতে হয় সে সম্পর্কে আরও তথ্যের জন্য, সিস্টেম বার প্রোটেকশন দেখুন।
অ্যাডাপ্টিভ লেআউটের ক্ষেত্রে, ভিন্ন ব্যাকগ্রাউন্ড রঙের প্যানগুলোর জন্য আলাদা সুরক্ষা ব্যবস্থা নিশ্চিত করুন।
না
করুন
একইভাবে, নেভিগেশন ড্রয়ারগুলোরও অ্যাপের বাকি অংশ থেকে আলাদা সুরক্ষা থাকা উচিত।
স্ট্যাটাস বার প্রোটেকশন একসাথে ব্যবহার করবেন না, যেমন Material 3-এর TopAppBar বিল্ট-ইন প্রোটেকশন এবং একটি কাস্টম প্রোটেকশন উভয়ই ব্যবহার করবেন না।
নেভিগেশন বারের বিবেচ্য বিষয়গুলি
নেভিগেশন বারের ডিজাইন সংক্রান্ত প্রাথমিক নির্দেশনার জন্য অ্যান্ড্রয়েড সিস্টেম বারগুলো দেখুন। নিম্নলিখিত বিভাগে নেভিগেশন বার সম্পর্কিত অতিরিক্ত বিবেচ্য বিষয়গুলো অন্তর্ভুক্ত রয়েছে।
স্ক্রোলিং কন্টেন্ট
স্ক্রোল করার সময় নিচের অ্যাপ বারগুলো সংকুচিত হওয়া উচিত।
করুন
করুন
ডিসপ্লে কাটআউট
ডিসপ্লে কাটআউট আপনার UI-এর চেহারাকে প্রভাবিত করতে পারে। অ্যাপগুলোকে অবশ্যই ডিসপ্লে কাটআউট ইনসেট এমনভাবে পরিচালনা করতে হবে, যাতে UI-এর গুরুত্বপূর্ণ অংশগুলো ডিসপ্লে কাটআউটের নিচে চলে না আসে।
করুন
না
তবে, সলিড অ্যাপ বারের ব্যাকগ্রাউন্ডগুলো নিচের ছবিতে দেখানো অনুযায়ী ডিসপ্লে কাটআউটের মধ্যে ঢুকে যাবে।
নিশ্চিত করুন যেন হরাইজন্টাল ক্যারোসেলগুলো ডিসপ্লে কাটআউটের মধ্যে চলে আসে।
Compose এবং Views- এ কীভাবে ডিসপ্লে কাটআউট সমর্থন করা যায়, সে সম্পর্কে পড়ুন।
অন্যান্য নির্দেশনা
সাধারণভাবে, ব্যাকগ্রাউন্ড এবং বিভাজক রেখাগুলোও প্রান্ত থেকে প্রান্ত পর্যন্ত আঁকা উচিত, এবং সিস্টেম UI ও হার্ডওয়্যার উপাদানগুলো এড়ানোর জন্য টেক্সট ও বাটনের মতো কন্টেন্টগুলো ভেতরের দিকে রাখা উচিত।