طرحبندیها و الگوهای ناوبری، طرحبندیها و الگوهای ناوبری
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
اگر برنامه شما دارای چندین مقصد برای عبور کاربران است، توصیه میکنیم از جفتهای طرحبندی و ناوبری استفاده کنید که معمولاً توسط سایر برنامهها استفاده میشود. از آنجایی که بسیاری از کاربران از قبل دارای مدل های ذهنی برای این جفت ها هستند، برنامه شما برای آنها شهودی تر خواهد بود.
جفتهای چیدمان و ناوبری
نوار پیمایش و کشوی ناوبری مودال به عنوان الگوهای ناوبری اولیه برای نماهای طرح بندی والدین و مقاصد ناوبری اولیه استفاده می شود.
نوار پیمایش می تواند سه تا پنج مقصد ناوبری را در یک سطح سلسله مراتبی نگه دارد. این جزء به ریل ناوبری برای صفحه نمایش های بزرگ ترجمه می شود.
اگرچه کشوی ناوبری می تواند بیش از پنج مقصد ناوبری را در خود جای دهد، این الگو به اندازه نوار ناوبری ایده آل نیست. این به دلیل نیاز به رسیدن به نوار بالایی در اندازه های فشرده است.
برگههای Material 3 و نوار برنامه پایین الگوهای پیمایش ثانویه هستند که میتوانید از آنها برای تکمیل پیمایش اولیه یا نمایش در نماهای کودکان استفاده کنید.
در اینجا، برگه ها به عنوان یک لایه ناوبری ثانویه برای گروه بندی محتوای خواهر و برادر عمل می کنند.
اقدامات چیدمان
کنترل هایی را برای فعال کردن کاربران برای انجام اقدامات ارائه دهید. الگوهای رایج عبارتند از اقدامات نوار بالا، دکمه عمل شناور (FAB) و منوها.
برای کارهایی که بیشترین اهمیت را دارند، یک FAB دکمه بزرگ و برجسته ای را برای کاربر فراهم می کند. هر بار فقط یک اقدام در این سطح ارائه دهید. یک FAB میتواند در اندازههای متعدد و به شکل گستردهای که شامل یک برچسب است ظاهر شود. از داربست برای سنجاق کردن یک FAB استفاده کنید، مطمئن شوید که همیشه حتی در هنگام اسکرول توسط آن قابل مشاهده است.
یک دکمه عمل شناور (FAB) که به کاربر اجازه می دهد تا به سرعت گیاهان را به گالری گیاهان اضافه کند
میتوانید کنشهای ثانویه را در نوار بالا یا، اگر نزدیک به محتوای مرتبط گروهبندی شده است، در داخل صفحه قرار دهید.
شکل 20: کنش هشدار در نوار بالا در نمایش جزئیات (سمت چپ) و نماد سرریز در خط مورد فهرست (راست)
برای هرگونه اقدام اضافی که بهسرعت یا مکرراً مورد نیاز نیست، آن اقدامات را در منوی سرریز اضافه کنید.
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-08-28 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2025-08-28 بهوقت ساعت هماهنگ جهانی."],[],[],null,["If your app contains multiple destinations for users to traverse, we recommend\nemploying layout and navigation pairings that are commonly used by other apps.\nBecause many users already possess the mental models for these pairings, your\napp will be more intuitive for them.\n\nLayout and navigation pairings\n\nThe navigation bar and modal navigation drawer are used as primary navigation\npatterns for parent layout views and primary navigation destinations. \n\nThe navigation bar can hold three to five navigation destinations across the\nsame hierarchy level. This component translates to the navigation rail for large\nscreens.\n\n\nAlthough the navigation drawer can hold more than five navigation destinations,\nthe pattern is not as ideal as the navigation bar.\nThis is due to the need to reach to the top bar on compact sizes. \n\n[Material 3 Tabs](https://m3.material.io/components/tabs/overview) and the [bottom app bar](https://m3.material.io/components/bottom-app-bar/overview) are\nsecondary navigation patterns that you can can use to supplement primary\nnavigation or appear on children views.\n\n\nHere, tabs act as a secondary navigation layer to group sibling content.\n\nLayout actions\n\nProvide controls to enable users to accomplish actions. Common patterns include\ntop bar actions, floating action button (FAB), and menus. \n\nFor actions of the highest importance, a [FAB](https://m3.material.io/components/floating-action-button/overview) provides a large\nand prominent button for the user. Provide only one action at a time at this\nlevel. A FAB can appear in multiple sizes and an expanded form, which includes a\nlabel. Use [Scaffold](/jetpack/compose/components/scaffold) to pin a FAB, making sure it's always\nvisible even on scroll by.\n\n\nA floating action button (FAB) that allows the\nuser to quickly add plants to the plant gallery\n\nYou can place secondary actions within the top bar or, if it's grouped near\nrelated content, within the page.\n**Figure 20:** Alert action in the top bar on show detail (left) and overflow icon inline of list item (right)\n\nFor any additional actions that aren't promptly or frequently needed, add those\nactions in an overflow menu."]]