সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
একটি লেআউট আপনার অ্যাপের সাথে ইন্টারফেস করার জন্য ব্যবহারকারীর ভিজ্যুয়াল কাঠামোকে সংজ্ঞায়িত করে, যেমন একটি কার্যকলাপে। অ্যান্ড্রয়েড বিভিন্ন লাইব্রেরি, ক্যানোনিকাল স্টার্টিং পয়েন্ট এবং কন্টেন্ট প্রদর্শন ও অবস্থানের কৌশল প্রদান করে।
Honor ডিভাইস নিরাপদ এলাকা, যার মধ্যে UI এর কিছু অংশ যেমন ডিসপ্লে কাটআউট, এজ-টু-এজ ইনসেট, এজ ডিসপ্লে, সফ্টওয়্যার কীবোর্ড এবং সিস্টেম বার রয়েছে। ব্যবহারকারীদের কীবোর্ডের সাথে ইন্টারঅ্যাক্ট করার জন্য একটি নমনীয় লেআউট প্রদান করুন। সতর্কতা: কীবোর্ড দিয়ে কন্টেন্ট কভার করার সময় সতর্ক থাকুন।
মিথস্ক্রিয়া এরগনোমিক্স
প্রাইমারি নেভিগেশনের মতো প্রয়োজনীয় মিথস্ক্রিয়াগুলি একটি পৌঁছানোর যোগ্য স্ক্রীন এলাকায় রাখুন৷ ফ্লোটিং অ্যাকশন বোতাম (এফএবি) একটি বিশিষ্ট এবং পৌঁছানোর যোগ্য ইন্টারঅ্যাকশন পয়েন্ট প্রদান করে
কন্টেনমেন্ট গ্রুপ
বিষয়বস্তু এবং কর্মের মাধ্যমে ব্যবহারকারীকে গাইড করতে গোষ্ঠী সম্পর্কিত বিষয়বস্তুতে কন্টেনমেন্ট ব্যবহার করুন। সম্পর্কিত ক্রিয়াকলাপের সাথে গ্রুপ সামগ্রীতে সুস্পষ্ট কন্টেনমেন্ট ব্যবহার করে কার্ড।
প্রান্তিককরণ
অনুরূপ বিষয়বস্তু এবং UI উপাদানগুলির মধ্যে সামঞ্জস্যপূর্ণ প্রান্তিককরণ প্রদান করুন।
check_circle
করবেন
অনুরূপ উপাদানগুলির মধ্যে সামঞ্জস্যপূর্ণ ব্যবধান স্থাপন করুন।
cancel
করবেন না
উপাদানগুলির মতো অসঙ্গতিপূর্ণ ব্যবধান দ্বারা পাঠযোগ্যতা ব্যাহত করে, যা ডিজাইনগুলিকে এলোমেলো দেখাতে পারে।
বিন্যাস অভিযোজন
পোর্ট্রেট বা আদর্শ লেআউটে আটকে থাকবেন না: ব্যবহারকারীদের সম্মুখীন হতে পারে এমন বিভিন্ন আকৃতির অনুপাত, আকারের শ্রেণী এবং রেজোলিউশন বিবেচনা করুন।
অপরিহার্য মিথস্ক্রিয়া
প্রতি ভিউতে অনেক বেশি অ্যাকশন দিয়ে আপনার ব্যবহারকারীকে অভিভূত করবেন না।
নোট লেআউট চশমা
কাস্টম লেআউট তৈরি করার সময়, সারিবদ্ধকরণ, সীমাবদ্ধতা বা মাধ্যাকর্ষণ পদ ব্যবহার করে লেআউটের মধ্যে বিষয়বস্তু কীভাবে বসতে হবে তা নোট করুন। সঠিকভাবে প্রদর্শন করার জন্য চিত্রগুলি তাদের কন্টেইনারে কীভাবে প্রতিক্রিয়া জানাতে হবে তা অন্তর্ভুক্ত করুন।
এই পৃষ্ঠার কন্টেন্ট ও কোডের নমুনাগুলি Content License-এ বর্ণিত লাইসেন্সের অধীনস্থ। Java এবং OpenJDK হল Oracle এবং/অথবা তার অ্যাফিলিয়েট সংস্থার রেজিস্টার্ড ট্রেডমার্ক।
2025-08-28 UTC-তে শেষবার আপডেট করা হয়েছে।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2025-08-28 UTC-তে শেষবার আপডেট করা হয়েছে।"],[],[],null,["A layout defines the visual structure for a user to interface with your app,\nsuch as in an activity. Android provides a range of libraries, canonical\nstarting points, and techniques to display and position content.\n\nGet Started\n\nStart designing Android layouts by learning [app anatomy](/develop/ui/compose/layouts/adaptive/app-anatomy) then how to\n[structure your app's content](/develop/ui/compose/layouts/adaptive/content-structure).\n\nTakeaways \n**Device safe areas**\n\n\nHonor device safe areas, which includes parts of the UI such as display\ncutouts, edge-to-edge insets, edge displays, software keyboards, and system\nbars. Provide a flexible layout for users to\ninteract with the keyboard.\nWarning: Be careful when covering content with the keyboard.\nAlas, your browser doesn't support HTML5 video. That's OK! You can still [download the video](/static/images/design/ui/mobile/layout-basics-video-1.mp4) and watch it with a video player. \n**Interaction ergonomics**\n\n\nKeep essential interactions, like primary navigation, in a reachable screen\narea. Floating action buttons (FABs) provide a\nprominent and reachable interaction point \n**Containment groups**\n\n\nUse containment to group related content to guide the user through content and\nactions. Cards using explicit containment to group content with related actions.\n\n**Alignment**\n\nProvide consistent alignment between similar content and UI elements.\n\n\u003cbr /\u003e\n\ncheck_circle\n\nDo \nEstablish consistent spacing between like elements. \ncancel\n\nDon't \nDisrupt readability by inconsistently spacing like elements, which can make designs appear haphazard. \n**Layout orientation**\n\n\nDon't stick to portrait or an idealized layout: Consider different aspect\nratios, size classes, and resolutions that users may encounter.\n\n\n**Essential interactions**\n\n\nDon't overwhelm your user with too many actions per view. \n**Notate layout specs**\n\n\nWhen building custom layouts, notate how content should sit within the layout\nusing alignment, constraints, or gravity terms. Include how images should\nrespond to their container to display properly.\n\n\u003cbr /\u003e"]]
