מעצבים ווידג'טים של Android שמאפשרים התאמה לעומס (scaling) באופן חלק. שימוש בהמלצות שלנו את גודלי ברירת המחדל כנקודת התחלה, ולבדוק את הפריסות שלך כדי להבטיח קריאוּת וחוויית משתמש אופטימליות.
גודלי ברירת מחדל
כדי לספק חוויית ווידג'ט מטופחת, כדאי לבצע אופטימיזציה של הפריסה ללפחות משבצת אחת
בגדלים המומלצים. צריך לוודא שהמיקום והחשיפה הנכונים בווידג'ט
באמצעות הגדרה של מאפייני targetCellWidth
ו-targetCellHeight
לשני הסוגים
טלפונים ניידים ומכשירי טאבלט.
הערכים האלה מבוססים על מכשירי Pixel. אפשר להשתמש בגדלים האלה כנקודת התחלה לעיצוב הווידג'ט. בדיקה קפדנית של הווידג'ט בגדלים שונים ובכל הפעלה מכשירים שונים כדי להבטיח חוויית משתמש איכותית.
מוחזקת ביד
גדלים | רוחב מינימלי | רוחב מקסימלי | גובה מינימלי | גובה מקסימלי |
---|---|---|---|---|
2x1 | 109 | 306 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 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)
נקודות עצירה (breakpoint) חיוניות ליצירת תוכן שניתן לשנות את הגודל שלו באופן ידידותי למשתמש הווידג'טים האלה. בדיקת העיצוב מאפשרת לכם לאתר את ערכי הסף של הגודל במקומות שבהם הפריסה נדרשות התאמות. תטמיעו נקודות עצירה (breakpoint) כדי להפעיל את השינויים האלה כדי לוודא שהווידג'ט שומר על המראה והפונקציונליות שלו בכל גודל, הוא שומר על המראה והפונקציונליות.
נקודות עצירה (breakpoint) גם מאפשרות גמישות להכללה או החרגה באופן מותנה תוכן משלים, ביצוע אופטימיזציה לניצול השטח בהתאם מאפיינים.
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=5&hl=he)
ממלאים את הגבולות
אחת הסיבות העיקריות שבגללן משתמשים מסירים ווידג'טים היא חוסר התאמה עם רכיבים אחרים של מסך הבית. כדי למנוע מצב כזה, חשוב לוודא שהווידג'ט תמיד ממלא את את מכסת האחסון שהוקצתה במלואה.
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=5&hl=he)
מה מותר לעשות
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=5&hl=he)
מה אסור לעשות
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=5&hl=he)
מה מותר לעשות
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=5&hl=he)