אפליקציה שפועלת מקצה לקצה מנצלת את כל המסך על ידי הצגת ממשק המשתמש מתחת לסרגלי המערכת.
חטיפות דסקית
- תוכלו לצייר רקע ותוכן גלילה מתחת לסרגלי המערכת כדי ליהנות מחוויית צפייה מקצה לקצה.
- מומלץ להימנע מהוספת תנועות הקשה או מטרות גרירה מתחת לרכיבי מערכת מובנים. רכיבים כאלה מתנגשים עם תכונות הניווט מקצה לקצה ועם תנועות הניווט.
איך לצייר את התוכן מאחורי שורת הסטטוסים
התכונה 'מלא המסך' מאפשרת לכם לצייר את ממשק המשתמש מתחת לסרגלי המערכת כדי ליהנות מחוויית צפייה immersive.
אפליקציה יכולה לטפל בחפיפות בתוכן על ידי תגובה להכנסות. האפשרות 'הכנסות' מתארת את מידת הרווח שצריך להוסיף לתוכן האפליקציה כדי למנוע חפיפה עם שורות הסטטוס של המערכת או עם תכונות פיזיות של המכשיר, כמו חורים בתצוגה. איך תומכים בתצוגה מקצה לקצה ומטפלים בפריימים חתוכים ב-Compose וב-Views
כשאתם מתכננים תרחישים לדוגמה של צפייה מקצה לקצה, חשוב לשים לב לסוגי הפריימים הבאים:
- הכנסות של סרגל המערכת חלות על ממשק משתמש שאפשר להקיש עליו, ושסרגי המערכת לא אמורים להסתיר אותו באופן חזותי.
- הכנסות של תנועות מערכת חלות על אזורי ניווט באמצעות תנועות שבהם מערכת ההפעלה משתמשת, ויש להם עדיפות על פני האפליקציה.
- הוספת מודעות בתוך שטחי חיתוך במסך רלוונטית לאזורים במכשיר שמתמשכים אל פני המסך, כמו שטח החיתוך של המצלמה.
שיקולים לגבי שורת הסטטוס
במאמר סרגלי המערכת של Android מפורטות הנחיות בסיסיות לתכנון של סרגלי המערכת. בקטע הבא מוסבר על שיקולים נוספים לגבי שורת הסטטוס.
תוכן לגלילה
סרחי האפליקציות העליונים צריכים להתכווץ בזמן הגלילה. איך מקפלים את TopAppBar ב-Material 3
מה צריך לעשות
מה צריך לעשות
שורת הסטטוס צריכה להיות שקופה כשמגללים את ממשק המשתמש מתחתיה, כדי שסמלי שורת הסטטוס לא ייראו עמוסים. כדי לעשות זאת, קודם צריך ליצור ממשק משתמש שניתן לגלילה מקצה לקצה, על ידי הטמעת השלבים שמפורטים במסמכי התיעוד של LazyColumn או של RecyclerView. לאחר מכן, מוודאים שסרגל המערכת שקוף באמצעות אחת מהפעולות הבאות:
- אם רלוונטי, אפשר להסתמך על ההגנה האוטומטית של TopAppBar ב-Material 3 בזמן גלילה.
- אפשר ליצור רכיב מותאם אישית עם אלפא של 60% או להשתמש ב-GradientProtection בתצוגות. מידע נוסף על ביצוע הפעולה הזו בזמן כתיבת אימייל זמין במאמר הגנה על שורת המערכת.
בתצוגות עם עיצוב גמיש, חשוב לוודא שיש הגנות נפרדות לחלוניות עם צבעים שונים של רקע.
מה אסור לעשות
מה צריך לעשות
באופן דומה, גם למגירות הניווט צריכה להיות הגנה נפרדת משאר האפליקציה.
אין להצמיד הגנות על שורת הסטטוס, למשל על ידי שימוש גם בהגנה המובנית של Material 3 TopAppBar וגם בהגנה מותאמת אישית.
שיקולים לגבי סרגל הניווט
במאמר סרגל המערכת של Android מפורטות הנחיות בסיסיות לעיצוב של סרגל הניווט. בקטע הבא מפורטים שיקולים נוספים לגבי סרגל הניווט.
תוכן לגלילה
סרגי האפליקציות התחתונים צריכים להתכווץ בזמן הגלילה.
מה צריך לעשות
מה צריך לעשות
מגרעות במסך
חתכים בתצוגה יכולים להשפיע על המראה של ממשק המשתמש. האפליקציות צריכות לטפל בחלקים החתוכים של המסך כדי שחלקים חשובים בממשק המשתמש לא יופיעו מתחת לחלק החתוך של המסך.
מה צריך לעשות
מה אסור לעשות
עם זאת, רקעים מוצקים של שורת האפליקציות צריכים להיכנס לחור במסך, כפי שמוצג בתמונה הבאה.
חשוב לוודא שקרוסלות אופקיות נכנסות לחור שבמסך.
איך תומכים בחלקים חתוכים במסך ב-Compose וב-Views
הנחיות נוספות
באופן כללי, גם הרקעים וקווי הפיצול צריכים להשתרע מקצה לקצה, בעוד שתוכן כמו טקסט ולחצנים צריך להיות מוצג בתוך המסך כדי שלא יסתיר את רכיבי החומרה ואת ממשק המשתמש של המערכת.