פריסות ווידג'טים קנוניות
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
כדי ליצור פריסות יעילות של ווידג'טים, קודם צריך לזהות את תוכן הליבה שלכם. הפריסה קובעת איך המידע והרכיבים האינטראקטיביים יסודרו בווידג'ט. כדי לייעל את התהליך, ב-Android יש כמה פריסות מוכנות מראש של סרגל כלים, טקסט, רשימות וווידג'טים מסוג רשת.
טקסט
פריסות טקסט הן אידיאליות להצגת מידע תמציתי. כדי לשפר את האטרקטיביות החזותית של הווידג'ט, אפשר לכלול תמונה לצד הטקסט.
טקסט בלבד
אידיאלי לכותרות, לעדכוני סטטוס, לתיאורים קצרים או לכל תרחיש שבו שורה אחת של טקסט מעבירה את המסר בצורה יעילה. במדגם של הפריסה הקנונית מוסבר איך לשנות את הגודל של תוכן הטקסט באופן דינמי בהתאם לגודל הווידג'ט.
טקסט ותמונה
מומלץ לכלול תמונה כדי להוסיף אפקט חזותי. מידע נוסף על התאמת הפריסה הזו לגודלי מסך שונים זמין במאמר נקודות עצירה.
בעזרת פריסות של סרגל כלים, אתם יכולים לספק למשתמשים גישה מהירה למשימות נפוצות באפליקציה, בפריסה גמישה שמתאימה לכל גודל של ווידג'ט.
סרגל הכלים של החיפוש
הפריסה של סרגל הכלים לחיפוש תוכננה בכוונה כדי להפנות את המיקוד לחיפוש בתור הפעולה הראשית בסרגל הכלים. לחצנים שימושיים נוספים יכולים לספק גישה מהירה לפונקציות שבהן אתם משתמשים לעיתים קרובות.
סרגל כלים
בסרגלי הכלים מוצג מיתוג האפליקציה, ואחריו לחצנים למשימות הנפוצות ביותר. הם אידיאליים להגדרות שניתן להפעיל או להשבית או לקישורים למשימות. כשמשנים את הגודל, אפשר להסתיר אפשרויות פחות נפוצות ולהציג פעולות נפוצות יותר. כשיש מקום, אפשר להשתמש בנקודות עצירה כדי להוסיף לחצן חדש שניתן להקיש עליו בגודל 48dp לפחות.
רשימות
אפשר להשתמש בפריסות של רשימות כדי לארגן כמה פריטים בפורמט ברור שקל לסרוק. האפשרות הזו מתאימה במיוחד לכותרות חדשותיות, לרשימות משימות או להודעות. כדאי לארגן את התוכן ברשימות מובנות שקל לסרוק. בוחרים בין הצגה בקונטיינרים לבין הצגה ללא קונטיינרים, בהתאם לצרכים שלכם בנושא תוכן.
רשימה של טקסט ותמונה
רשימות של תמונות וטקסט שקל לסרוק הן דרך מצוינת להציג כמה סוגים של תוכן, כמו כותרות חדשות, פלייליסטים עם עטיפות אלבומים או הודעות.
רשימת משימות
פריסת רשימת המשימות מושלמת להצגת משימות, ומספקת למשתמשים מטרות ברורות להקשה כדי לסמן פריטים כ'בוצעו' בקלות.
רשימת פעולות
קיבוץ אינטואיטיבי של אמצעי הבקרה באמצעות רשימות פעולות, שבהן מצבי הפעלה/השבתה חזותיים מספקים משוב מיידי על סטטוסי הפריטים.
תצוגת רשת
הצגת תמונות בתצוגת רשת קומפקטית, גמישה ועשירה מבחינה חזותית עם תוויות אופציונליות.
להשתמש בעמודות ובשורות שתואמות לגודלי מסך שונים.
תמונה בלבד
יצירת גלריות תמונות גלוליות עם השפעה חזותית באמצעות רשתות של תמונות בלבד. השורות והעמודות מותאמות באופן אוטומטי לגדלים שונים של מסכים כדי להציג את המידע בצורה אופטימלית.
תמונה וטקסט
אפשר גם להוסיף תוויות ותיאורים של טקסט, כדי להעשיר את התוכן של רשת התמונות בהקשר ובמידע נוסף.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון 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-07-27 (שעון UTC)."],[],[],null,["# Canonical widget layouts\n\nCraft effective widget layouts by first identifying your core content. Your\nlayout dictates how information and interactive elements are organized within\nyour widget. Android offers several prebuilt layouts for toolbars, text, list\nand grid-type widgets to streamline this process.\n| **Note:** View detailed layout specs in our [Figma Widget Canonical Builder](https://goo.gle/widget-canonical), and find the code samples using Jetpack Glance in the [Android Platform Samples GitHub repository](https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets/src/main/java/com/example/platform/ui/appwidgets/glance).\n\nText\n----\n\nText layouts are ideal for displaying concise information. Enhance the visual\nappeal of your widget by optionally including an image alongside the text. \n**Text only**\n\n\nIdeal for titles, status updates, short descriptions, or any scenario\nwhere a single line of text effectively conveys the message. Refer to the\n[Canonical layout sample](https://github.com/android/platform-samples/tree/main/samples/user-interface/appwidgets/src/main/java/com/example/platform/ui/appwidgets/glance)\nfor guidance on dynamically scaling text content based on widget size. \n**Text and image**\n\n\nInclude an image for added visual impact. For more information, see\n[Breakpoints](/design/ui/mobile/guides/widgets/sizing#breakpoints)\nto learn how to adapt this layout for different screen sizes.\n\nToolbars\n--------\n\nUse toolbar layouts to provide users with quick access to frequently used tasks\nin your app, in a flexible layout that adapts across widget sizes. \n**Search Toolbar**\n\n\nA search toolbar layout is intentionally designed to draw focus to search\nas a primary action in the toolbar. Additional handy buttons can provide\nquick access to frequently used functions.\n\n\n**Toolbar**\n\n\nToolbars presents app branding followed by buttons for the most used tasks\nthat are ideal for toggleable settings or task links. When resizing, less\ncommonly used options can be hidden in favor of more common actions. Use\n[Breakpoints](/design/ui/mobile/guides/widgets/sizing#breakpoints)\nto add a new minimum 48dp tappable button when there's room.\n\n\u003cbr /\u003e\n\nLists\n-----\n\nUse list layouts to organize multiple items in a clear, scannable format. This\nis ideal for news headlines, to-do lists or messages. Organize content into a\nstructured, easily scannable list. Choose between containerized or containerless\npresentation based on your content needs. \n**Text and image list**\n\n\nEasily scannable text and image lists are perfect for showcasing multiple\ncontent types, such as news headlines, playlists with album art, or\nmessages. \n**Checklist**\n\n\nThe checklist layout is perfect for displaying tasks, providing clear tap\ntargets for users to easily mark items as done. \n**Action list**\n\n\nProvide intuitive control grouping with action lists, where visual on/off\nstates offer immediate feedback on item statuses.\n\nGrid\n----\n\nPresent images in a compact, flexible, visually rich grid with optional labels.\nUse columns and rows that adapt to different screen sizes. \n**Image only**\n\n\nCreate visually impactful, scrollable image galleries using image-only\ngrids. Rows and columns automatically adapt to various screen sizes for\noptimal presentation. \n**Image and text**\n\n\nYou can also incorporate text labels and descriptions, enriching your\nimage grid content with additional context and information."]]
