লেআউট বেসিক

Hero layout basics illustration

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

শুরু করুন

অ্যাপের গঠনতন্ত্র এবং তারপর আপনার অ্যাপের বিষয়বস্তু কীভাবে সাজাতে হয় তা শিখে অ্যান্ড্রয়েড লেআউট ডিজাইন করা শুরু করুন।

মূল বিষয়গুলো

Layout orientation

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

For more information, see the guidance on adapting your layout and canonical layouts .

Device safe areas

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

ব্যবহারকারীর ইনপুটের উপর ফোকাস করুন। যদি কীবোর্ড উপস্থিত থাকে, তাহলে ইনপুটটিকে উপরে ফোকাসড অবস্থায় নিয়ে আসুন অথবা টেক্সট ইনপুটটিকে কীবোর্ডের সাথে সংযুক্ত করার কথা বিবেচনা করুন।
Hide inputs. Even on smaller screens, the user might not know or be able to scroll the screen.
Interaction ergonomics

প্রাথমিক নেভিগেশনের মতো অপরিহার্য ইন্টারঅ্যাকশনগুলো স্ক্রিনের সহজে পৌঁছানো যায় এমন জায়গায় রাখুন। ফ্লোটিং অ্যাকশন বাটন (FAB) একটি সুস্পষ্ট ও সহজে পৌঁছানো যায় এমন ইন্টারঅ্যাকশন পয়েন্ট প্রদান করে।

Containment groups

ব্যবহারকারীকে বিষয়বস্তু ও কার্যকলাপের মধ্য দিয়ে পথ দেখানোর জন্য সম্পর্কিত বিষয়বস্তুকে একত্রিত করতে কন্টেইনমেন্ট ব্যবহার করুন। সম্পর্কিত কার্যকলাপসহ বিষয়বস্তুকে একত্রিত করতে সুস্পষ্ট কন্টেইনমেন্ট ব্যবহারকারী কার্ড।

সারিবদ্ধকরণ

একই ধরনের বিষয়বস্তু এবং UI উপাদানগুলোর মধ্যে সামঞ্জস্যপূর্ণ সমন্বয় বজায় রাখুন।

একই ধরনের উপাদানগুলোর মধ্যে সামঞ্জস্যপূর্ণ ব্যবধান স্থাপন করুন।
একই ধরনের উপাদানগুলোর মধ্যে অসঙ্গত ব্যবধান রাখার ফলে পাঠযোগ্যতা ব্যাহত হয়, যা ডিজাইনকে অগোছালো দেখাতে পারে।
Essential interactions

প্রতিটি ভিউতে অতিরিক্ত অ্যাকশন দিয়ে আপনার ব্যবহারকারীকে অভিভূত করবেন না।

Notate layout specs

কাস্টম লেআউট তৈরি করার সময়, অ্যালাইনমেন্ট, কনস্ট্রেইন্ট বা গ্র্যাভিটি টার্ম ব্যবহার করে উল্লেখ করুন যে লেআউটের মধ্যে কন্টেন্ট কীভাবে বসবে। ছবিগুলো সঠিকভাবে প্রদর্শিত হওয়ার জন্য তাদের কন্টেইনারের সাথে কীভাবে সাড়া দেবে, সেটাও অন্তর্ভুক্ত করুন।