با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
طرحبندی ساختار بصری را برای کاربر تعریف میکند تا با برنامه شما ارتباط برقرار کند، مثلاً در یک فعالیت. اندروید مجموعه ای از کتابخانه ها، نقاط شروع متعارف و تکنیک ها را برای نمایش و موقعیت یابی محتوا ارائه می دهد.
قسمتهای امن دستگاه Honor، که شامل بخشهایی از رابط کاربری مانند بریدگیهای نمایشگر، قسمتهای لبه به لبه، نمایشگرهای لبه، صفحهکلیدهای نرمافزاری و نوارهای سیستم است. یک طرح انعطاف پذیر برای تعامل کاربران با صفحه کلید فراهم کنید. هشدار: هنگام پوشش دادن محتوا با صفحه کلید مراقب باشید.
ارگونومی تعامل
فعل و انفعالات ضروری، مانند ناوبری اولیه، را در یک منطقه صفحه قابل دسترسی نگه دارید. دکمه های عمل شناور (FABs) یک نقطه تعامل برجسته و قابل دسترس را ارائه می دهند
گروه های مهار
از محدودیت برای گروه بندی محتوای مرتبط استفاده کنید تا کاربر را از طریق محتوا و اقدامات راهنمایی کند. کارتهایی که از محدودیت صریح برای گروهبندی محتوا با اقدامات مرتبط استفاده میکنند.
تراز
همراستایی ثابتی بین محتوای مشابه و عناصر رابط کاربری فراهم کنید.
check_circle
انجام دهید
ایجاد فاصله ثابت بین عناصر مشابه.
cancel
نکن
خوانایی را با فاصله گذاری ناسازگار مانند عناصر مختل کنید، که می تواند طرح ها را تصادفی جلوه دهد.
جهت چیدمان
به پرتره یا طرحبندی ایدهآل پایبند نباشید: نسبتهای ابعاد، کلاسهای اندازه و وضوحهای متفاوتی را که ممکن است کاربران با آنها مواجه شوند را در نظر بگیرید.
تعاملات اساسی
کاربر خود را با اعمال بیش از حد در هر نمایش غرق نکنید.
مشخصات چیدمان را یادداشت کنید
هنگام ساختن طرحبندیهای سفارشی، توجه داشته باشید که چگونه محتوا باید با استفاده از تراز، محدودیتها یا اصطلاحات جاذبه در طرحبندی قرار گیرد. نحوه پاسخگویی تصاویر به محفظه خود را برای نمایش صحیح درج کنید.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-08-28 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","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 بهوقت ساعت هماهنگ جهانی."],[],[],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"]]