התאמת גודל

עיצוב ווידג'טים ל-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

נקודות עצירה (Breakpoints)

נקודות עצירה חיוניות ליצירת ווידג'טים רספונסיביים, ידידותיים למשתמש וניתנים לשינוי גודל. בדיקת העיצוב מאפשרת לזהות את גדלי הסף שבהם צריך לבצע התאמות בפריסה. כדי להפעיל את השינויים האלה, מטמיעים נקודות עצירה (breakpoints) כדי לוודא שהווידג'ט שומר על המראה והפונקציונליות שלו בכל גודל.

נקודות עצירה מאפשרות גם לכלול או להחריג תוכן משלים באופן מותנה, וכך לבצע אופטימיזציה של השימוש במקום על סמך המידות של הווידג'ט.

תרשים 1: שימוש בנקודות עצירה כדי לבצע שינויים בפריסה בגדלים שונים.

מילוי הגבולות

אחת הסיבות העיקריות לכך שמשתמשים מסירים ווידג'טים היא חוסר התאמה לרכיבים אחרים במסך הבית. כדי למנוע את זה, צריך לוודא שהווידג'ט תמיד ממלא את כל המקום שהוקצה לו ברשת.

מוודאים שהמאגר מתרחב מקצה לקצה בכל הגדלים.
הוספת מרווח פנימי בהתאמה אישית. הווידג'ט צריך להופיע בצורה חלקה מקצה לקצה.
כדי לשמור על עקביות ויזואלית, חשוב לוודא שהצורה הלא מלבנית נוגעת ברשת בציר האנכי או בציר האופקי.
משתמשים בצורות ריבועיות קבועות. במקום זאת, משתמשים במאגרי מודעות מלבניים רספונסיביים שמותאמים למימדים שונים של רשתות.