שורת הסטטוס, שורת הכיתוב וסרגל הניווט הם סרגלי המידע. הם מציגים מידע חשוב כמו רמת הטעינה, השעה וההתראות, ומאפשרים אינטראקציה ישירה עם המכשיר מכל מקום.
תמיד צריך להביא בחשבון את הנוכחות והבולטות של סרגלי המידע, בין אם אתם מעצבים פריסות, שיטות קלט או יכולות אחרות של המכשיר.
מיומנויות ב-Android
הצגת הקוד ב-GitHubהוספת תמיכה בתצוגה מקצה לקצה
android skills add edge-to-edge
חטיפות דסקית
כדאי לכלול סרגלי מידע בפריסות של מסכים בגדלים שונים ובמכשירים שונים. צריך להביא בחשבון את האזורים הבטוחים בממשק המשתמש, את האינטראקציות עם המערכת, את שיטות הקלט, את המגרעות במסך, את שורות הסטטוס, את שורות הכיתוב, את פסי הניווט ואת היכולות האחרות של המכשיר.
כדי להציג את התוכן מקצה לקצה, צריך להשאיר את שורת הסטטוס וסרגלי הניווט של המערכת שקופים או שקופים למחצה, ולרנדר את התוכן מאחורי הסרגלים האלה.
כדי לטפל כראוי בחדירות של סרגל המידע ולוודא שהתוכן לא מוסתר בפריסות הדינמיות, צריך להשתמש ב-
WindowInsets.משתמשים בפריסות קנוניות, שמנצלות את שטח המסך בצורה יעילה.
שורת סטטוס
שורת הסטטוס מכילה סמלי התראות וסמלי מערכת. המשתמש יכול לגרור את שורת הסטטוס למטה כדי לפתוח את מרכז ההתראות. הסגנונות של שורת הסטטוס יכולים להיות שקופים או שקופים למחצה.
סמלי שורת סטטוס
הסמלים בשורת הסטטוס יכולים להיראות אחרת בהתאם להקשר, לשעה ביום, להעדפות או לעיצובים שהמשתמש הגדיר ולפרמטרים אחרים. מידע נוסף מופיע בקטע סמלים בסרגל המידע.
כשמגיעה התראה, בדרך כלל מופיע סמל בשורת הסטטוס. כך המשתמשים יודעים שיש משהו חדש במגירת ההתראות. זה יכול להיות סמל האפליקציה או סמל שמייצג את הערוץ. עיצוב התראות
הגדרת הסגנון של שורת הסטטוס
כדי שתוכן האפליקציה יתפרס על כל המסך, כדאי להגדיר את שורת הסטטוס כשקופה או שקופה למחצה. לאחר מכן, מגדירים את הסגנון של הסמלים בסרגל המידע כך שיהיה ניגודיות מתאימה.
ב-Android 15 נאכפת תצוגה מקצה לקצה, כך ששורת הסטטוס שקופה כברירת מחדל. מפעילים את enableEdgeToEdge() לצורך תאימות לדורות קודמים.
בתמונה השמאלית הבאה, שורת הסטטוס שקופה והרקע הירוק של TopAppBar מוצג מאחורי שורת הסטטוס.
שורות סטטוס שקופות הן אידיאליות כשממשק המשתמש לא מופיע מתחת לשורת הסטטוס או כשמוצגת תמונה מתחת לשורת הסטטוס. שורות סטטוס שקופות למחצה מתאימות כשממשק המשתמש נגלל מתחת לשורת הסטטוס. מידע נוסף על הגנה על מעבר צבעים זמין במאמר עיצוב מקצה לקצה.
ניווט
ב-Android, המשתמשים יכולים לשלוט בניווט באמצעות פקדי החזרה, דף הבית וסקירת החלונות:
- הלחצן "הקודם" מחזיר לתצוגה הקודמת.
- האפשרות "דף הבית" מעבירה אתכם מהאפליקציה למסך הבית של המכשיר.
- בסקירה הכללית מוצגות אפליקציות פעילות ואפליקציות אחרונות שלא נסגרו.
המשתמשים יכולים לבחור מבין הגדרות ניווט שונות, כולל ניווט באמצעות תנועות וניווט דינמי. כדי לספק חוויית משתמש אופטימלית, צריך להביא בחשבון כמה סוגים של ניווט.
ניווט באמצעות תנועות
בניווט באמצעות תנועות לא משתמשים בכפתורים לחזרה, למסך הבית ולסקירה הכללית, אלא מוצגת ידית תנועה אחת לשימוש. המשתמשים מחליקים מהקצה השמאלי או הימני של המסך כדי לחזור אחורה, ומחליקים למעלה מהחלק התחתון כדי לחזור למסך הבית. החלקה למעלה ולחיצה ארוכה פותחות את סקירת החלונות.
ניווט באמצעות תנועות הוא דפוס ניווט שקל יותר להתאים אותו לעיצוב של מסכים ניידים ומסכים גדולים יותר. כדי לספק את חוויית המשתמש הטובה ביותר, כדאי להביא בחשבון את הניווט באמצעות תנועות ולבצע את הפעולות הבאות:
- תמיכה בתוכן מקצה לקצה.
- הימנעו מהוספת אינטראקציות או יעדי מגע מתחת לתוספות של ניווט באמצעות תנועות.
מידע נוסף זמין במאמר הוספת תמיכה בניווט באמצעות תנועות.
ניווט דינמי
דפוס ניווט נפוץ נוסף ב-Android הוא מעבר בין סרגל ניווט צדדי לסרגל ניווט בהתאם לסיווג גודל החלון של המסך. רכיבי הניווט הדינמיים ב-Jetpack Compose מטפלים בכמה גורמי צורה, וגם מונעים מסרגלי המידע להפריע לפריסה של רכיבי הניווט.
בפריסות מותאמות, כדאי לחשוב איך סרגלי המידע עשויים להתנהג או להיראות אחרת בהקשרים שונים, כמו גדלים קומפקטיים או מורחבים של חלונות או מצבים שונים של מכשירים מתקפלים.
מידע נוסף זמין במאמר יצירת ניווט מותאם.
סמלי ניווט
סמלי הניווט יכולים להיראות אחרת גם בהתאם להעדפות או לעיצובים שהמשתמשים הגדירו. מידע נוסף זמין במאמר סמלים בסרגל המידע.
הגדרת סגנון ניווט
מערכת Android מטפלת בהגנה החזותית של ממשק המשתמש במצב ניווט באמצעות תנועות ובמצבי הלחצנים. המערכת מחילה התאמת צבעים דינמית, שבה הצבעים של התוכן בסרגלי המידע משתנים בהתאם לתוכן שמאחוריהם.
מצב ניווט באמצעות תנועות
אחרי שמטרגטים ל-Android 15 או שולחים קריאה אל enableEdgeToEdge ב-Activity, המערכת מרנדרת סרגל ניווט שקוף באמצעות תנועות ומפעילה התאמה דינמית של הצבעים. בדוגמה הבאה, נקודת האחיזה בסרגל הניווט משתנה לצבע כהה אם היא ממוקמת מעל תוכן בהיר, ולהפך.
תמיד מומלץ להשתמש בפס הניווט השקוף של ניווט באמצעות תנועות.
מה מומלץ לעשות
מה אסור לעשות
מצבי כפתורים
אחרי שמטרגטים ל-Android 15 או שולחים קריאה אל enableEdgeToEdge ב-Activity, המערכת מחילה מסך שקוף למחצה מאחורי סרגלי הניווט של הלחצנים. אפשר להסיר אותו על ידי הגדרת Window.setNavigationBarContrastEnforced() כ-false.
השתמשו בסרגלי ניווט שקופים עם שלושה כפתורים כשיש סרגל אפליקציה תחתון או סרגל ניווט תחתון באפליקציה, או כשממשק המשתמש לא נגלל מתחת לסרגל הניווט עם שלושת הכפתורים. כדי להגדיר סרגל ניווט שקוף, מגדירים את Window.setNavigationBarContrastEnforced() כ-false ומוסיפים ריפוד לסרגלי האפליקציה התחתונים כדי לרנדר אותם מתחת לסרגלי הניווט של המערכת, כמו שמוצג באיורים 7, 8 ו-9. מידע נוסף זמין במאמר הגנה על סרגל המידע.
משתמשים בסרגל ניווט שקוף למחצה עם שלושה כפתורים כדי לגלול בתוכן. למידע נוסף על שיקולים שקשורים לסרגל ניווט שקוף למחצה, ראו עיצוב מקצה לקצה.
מקלדת וניווט
כל סוג ניווט מגיב בהתאם למקלדת הווירטואלית כדי לאפשר למשתמש לבצע פעולות כמו סגירה או אפילו שינוי של סוג המקלדת. כדי לוודא שהמעבר חלק ומסנכרן את המעבר של האפליקציה עם המקלדת שמחליקה למעלה ולמטה מהחלק התחתון של המסך, משתמשים ב-WindowInsetsAnimationCompat.
פריסות
פריסות מותאמות מבצעות אופטימיזציה של שטח התצוגה הזמין. הם מארגנים את ממשק המשתמש של האפליקציה על ידי העברת תוכן לחלוניות משניות או שלישיות.
כשמעצבים פריסות דינמיות, חשוב לשקול איך סרגלי המידע משפיעים על התוכן. כדאי להשתמש ב-WindowInsets כדי לוודא שממשק המשתמש לא מוסתר על ידי סרגלי המידע במסכים כמו מסכים גדולים, מכשירים מתקפלים וחלונות של אפליקציות במצבים של ריבוי חלונות וממשק מחשב.
כשהאפליקציה מוצגת מקצה לקצה, צריך לוודא שממשק המשתמש של המערכת לא מסתיר את התוכן ואת אמצעי הבקרה. לדוגמה, אם סרגל הניווט מסתיר כפתור, יכול להיות שהמשתמש לא יוכל ללחוץ על הכפתור.
מידע נוסף זמין במאמר פריסות קנוניות.
מגרעות במסך
מגרעת במסך היא אזור במכשירים מסוימים שנמצא בתוך שטח המסך, כדי לספק מקום לחיישנים הקדמיים. המגרעות במסך יכולות להשתנות בהתאם ליצרן. חשוב להביא בחשבון איך המגרעות במסך ישפיעו על התוכן, על הכיוון ועל פריסת התוכן מקצה לקצה.
מצב עשיר
אפשר להסתיר את סרגלי המידע כשרוצים להציג תוכן במסך מלא, למשל כשמשתמשים צופים בסרט. המשתמש עדיין אמור להיות מסוגל ללחוץ כדי להציג את סרגלי המידע ולנווט או להשתמש בפקדי המערכת. מידע נוסף זמין במאמרים תוכן אימרסיבי והסתרת סרגלי המידע במצב אימרסיבי.