קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
אם האפליקציה שלכם מכילה כמה יעדים שמשתמשים יכולים לנווט ביניהם, מומלץ להשתמש בפריסות ובאפשרויות ניווט שמשמשות בדרך כלל אפליקציות אחרות.
להרבה משתמשים כבר יש מודלים מנטליים של השילובים האלה, ולכן האפליקציה שלכם תהיה אינטואיטיבית יותר עבורם.
שילובי פריסה וניווט
סרגל הניווט ומגירת הניווט המודאלית משמשים כדפוסי ניווט עיקריים לתצוגות פריסה של רכיבי אב וליעדי ניווט עיקריים.
בסרגל הניווט יכולים להיות שלושה עד חמישה יעדי ניווט באותה רמה בהיררכיה. הרכיב הזה מתורגם לסרגל הניווט במסכים גדולים.
למרות שמגירת הניווט יכולה להכיל יותר מחמישה יעדי ניווט,
התבנית הזו לא אידיאלית כמו סרגל הניווט.
הסיבה לכך היא שבגודל קומפקטי, צריך להגיע לסרגל העליון.
במקרה הזה, הכרטיסיות משמשות כשכבת ניווט משנית לקיבוץ תוכן מקביל.
פעולות בפריסה
לספק אמצעי בקרה שיאפשרו למשתמשים לבצע פעולות. דוגמאות נפוצות: פעולות בסרגל העליון, לחצן פעולה צף (FAB) ותפריטים.
לפעולות בעלות החשיבות הגבוהה ביותר, לחצן FAB מספק למשתמש לחצן גדול ובולט. בשלב הזה, צריך לציין רק פעולה אחת בכל פעם. לחצן ה-FAB יכול להופיע בכמה גדלים ובמצב מורחב, שכולל תווית. משתמשים ב-Scaffold כדי להצמיד את ה-FAB, ומוודאים שהוא תמיד גלוי גם כשגוללים.
כפתור פעולה צף (FAB) שמאפשר למשתמש להוסיף במהירות צמחים לגלריית הצמחים
אפשר למקם פעולות משניות בסרגל העליון, או בתוך הדף אם הן מקובצות ליד תוכן קשור.
איור 20: פעולת התראה בסרגל העליון בתצוגת פרטים (מימין) וסמל האפשרויות הנוספות בשורה של פריט ברשימה (משמאל)
אם יש פעולות נוספות שלא צריך לבצע לעיתים קרובות או באופן מיידי, כדאי להוסיף אותן לתפריט overflow.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. 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,["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."]]
