קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
עיצוב ווידג'טים מותאמים ל-Android שניתנים להתאמה בקלות. מומלץ להשתמש בגדלי ברירת המחדל שלנו כנקודת מוצא, ולבדוק את הפריסות במימדים שונים כדי להבטיח קריאוּת וחוויית משתמש אופטימליות.
גדלים שמוגדרים כברירת מחדל
כדי לספק חוויית שימוש חלקה בווידג'ט, כדאי לבצע אופטימיזציה של הפריסה לפחות לאחד מהגדלים המומלצים שלנו. כדי לוודא שהמיקום והחשיפה של הווידג'ט יהיו נכונים בבורר הווידג'טים, צריך להגדיר את המאפיינים targetCellWidth ו-targetCellHeight גם למכשירים ניידים וגם לטאבלטים.
הערכים האלה מבוססים על מכשירי Pixel. אפשר להשתמש בגדלים האלה כנקודת התחלה לעיצוב הווידג'ט. חשוב לבדוק היטב את הווידג'ט בגדלים שונים ובמכשירים שונים כדי להבטיח חוויית משתמש איכותית.
מוחזקת ביד
גדלים
רוחב מינימלי
רוחב מקסימלי
גובה מינימלי
גובה מקסימלי
2x1
109
306
56
130
2x2
109
306
115
276
2x3
109
306
185
422
4x1
245
624
56
130
4x2
245
624
115
276
4x3
245
624
185
422
טאבלט
גדלים
רוחב מינימלי
רוחב מקסימלי
גובה מינימלי
גובה מקסימלי
2x1
180
304
64
120
2x2
180
304
184
304
2x3
180
304
304
488
3x1
328
488
64
120
3x2
298
488
184
304
3x3
298
488
304
488
3x4
298
488
424
672
נקודות עצירה (breakpoint)
נקודות העצירה חיוניות ליצירת ווידג'טים שניתן לשנות את הגודל שלהם, שתואמים למגוון מסכים ונוחים למשתמש. בדיקת העיצוב מאפשרת לזהות ערכי סף של גודל שבהם נדרשים שינויים בפריסה. כדאי להטמיע נקודות עצירה כדי להפעיל את השינויים האלה, וכך לוודא שהווידג'ט ימשיך להיות אטרקטיבי ופונקציונלי בכל גודל.
נקודות העצירה גם מספקות גמישות שבעזרתה אפשר לכלול או להחריג תוכן משלים באופן מותנה, וכך לבצע אופטימיזציה של ניצול המרחב על סמך המימדים של הווידג'ט.
תרשים 1: שימוש בנקודות עצירה כדי לבצע שינויים בפריסה בגדלים שונים.
מילוי הגבולות
אחת מהסיבות העיקריות להסרת ווידג'טים על ידי משתמשים היא חוסר התאמה לרכיבים אחרים במסך הבית. כדי למנוע זאת, חשוב לוודא שהווידג'ט תמיד ממלא את כל שטח התצוגה שהוקצה לו.
check_circle
מה מותר לעשות
חשוב לוודא שהקונטיינר מגיע לקצה המסך בכל הגדלים.
cancel
מה אסור לעשות
הוספת ריפוד בהתאמה אישית. הווידג'ט אמור להשתלב בצורה חלקה מקצה לקצה.
check_circle
מה מותר לעשות
כדי לשמור על עקביות חזותית, חשוב לוודא שהתמונה או הסרטון בפורמט לא ריבועי נוגעים ברשת בציר האנכי או האופקית.
cancel
מה אסור לעשות
להשתמש בצורות ריבועיות קבועות. במקום זאת, כדאי להשתמש במארזים מלבניים רספונסיביים שמתאימים למגוון מידות של רשתות.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. 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,["# Sizing\n\nDesign adaptable Android widgets that scale seamlessly. Use our recommended\ndefault sizes as a starting point, and test your layouts across different\ndimensions to ensure optimal readability and user experience.\n\nDefault sizes\n-------------\n\nDeliver a polished widget experience by optimizing your layout for at least one\nof our recommended sizes. Ensure correct placement and visibility in the widget\npicker by defining `targetCellWidth` and `targetCellHeight` attributes for both\nhandheld and tablet devices.\n\nThese values are based off Pixel devices. Use these sizes as a starting point\nfor your widget design. Thoroughly test your widget at different sizes and on\nvarious devices to ensure a quality user experience. \n\n### Handheld\n\n\n| Sizes | Min width | Max width | Min height | Max height |\n|-------|-----------|-----------|------------|------------|\n| 2x1 | 109 | 306 | 56 | 130 |\n| 2x2 | 109 | 306 | 115 | 276 |\n| 2x3 | 109 | 306 | 185 | 422 |\n| 4x1 | 245 | 624 | 56 | 130 |\n| 4x2 | 245 | 624 | 115 | 276 |\n| 4x3 | 245 | 624 | 185 | 422 |\n\n\u003cbr /\u003e\n\n### Tablet\n\n\n| Sizes | Min width | Max width | Min height | Max height |\n|-------|-----------|-----------|------------|------------|\n| 2x1 | 180 | 304 | 64 | 120 |\n| 2x2 | 180 | 304 | 184 | 304 |\n| 2x3 | 180 | 304 | 304 | 488 |\n| 3x1 | 328 | 488 | 64 | 120 |\n| 3x2 | 298 | 488 | 184 | 304 |\n| 3x3 | 298 | 488 | 304 | 488 |\n| 3x4 | 298 | 488 | 424 | 672 |\n\n\u003cbr /\u003e\n\n| **Note:** Widget dimensions in the table encompass all device orientations, including landscape mode on phones, to ensure optimal functionality in a variety of scenarios.\n\nBreakpoints\n-----------\n\nBreakpoints are essential for crafting adaptable, user-friendly resizable\nwidgets. By testing your design, you can pinpoint size thresholds where layout\nadjustments are necessary. Implement breakpoints to trigger these changes,\nensuring your widget maintains visual appeal and functionality at any size.\n\nBreakpoints also offer the flexibility to conditionally include or exclude\nsupplemental content, optimizing space utilization based on the widget's\ndimensions.\n**Figure 1:** Use breakpoints to make layout changes at different sizes.\n\nFill the bounds\n---------------\n\nOne of the primary reasons users remove widgets is due to misalignment with\nother home screen elements. To prevent this, ensure your widget always fills its\nallocated grid space completely. \ncheck_circle\n\n### Do\n\nMake sure the container stretches edge-to-edge at all sizes. \ncancel\n\n### Don't\n\nAdd custom padding. Your widget should go seamlessly edge-to-edge. \ncheck_circle\n\n### Do\n\nEnsure your non-rectangular shape touches the grid on either the vertical or horizontal axis for visual consistency. \ncancel\n\n### Don't\n\nUse fixed square shapes. Instead, use responsive rectangular containers that adapt to various grid dimensions."]]
