שורת הסטטוס, שורת הכותרת וסרגל הניווט נקראים ביחד סרחי המערכת. הם מציגים מידע חשוב כמו רמת הטעינה של הסוללה, השעה והתראות, ומאפשרים אינטראקציה ישירה עם המכשיר מכל מקום.
חשוב מאוד להביא בחשבון את החשיבות של שורת הסטטוס, בין שאתם מעצבים ממשק משתמש לאינטראקציות עם מערכת ההפעלה Android, שיטות קלט או יכולות אחרות של המכשיר.
חטיפות דסקית
כשאתם מעצבים את האפליקציה, חשוב לכלול את סרחי המערכת. חשוב גם להביא בחשבון אזורים בטוחים בממשק המשתמש, אינטראקציות עם המערכת, שיטות קלט, חתכים בתצוגה, סרחי סטטוס, סרחי כותרות, סרחי ניווט ויכולות אחרות של המכשיר.
כדאי להשאיר את סטטוס המערכת וסרגלי הניווט שקופים או מבריקים, ולצייר את התוכן מאחורי הסרגלים האלה כדי שיוצג מקצה לקצה.
מומלץ להימנע מהוספת תנועות הקשה או יעדים לגרירה מתחת לקטעי הקוד של תנועות. תנועות כאלה יוצרות התנגשויות עם תצוגה מקצה לקצה ועם ניווט באמצעות תנועות.
איך לצייר את התוכן מאחורי שורת הסטטוס
התכונה 'מסך מלא' מאפשרת ל-Android לצייר את ממשק המשתמש מתחת לסרגלי המערכת כדי לספק חוויה immersive, שהיא בקשה נפוצה של משתמשים.
אפליקציה יכולה לטפל בחפיפות בתוכן על ידי תגובה להכנסות. ה-Insets מתארים את מידת הרווח שצריך להוסיף לתוכן האפליקציה כדי למנוע חפיפה עם חלקים בממשק המשתמש של מערכת ההפעלה Android, כמו שורת הסטטוס, שורת הכותרות, שורת הניווט או תכונות פיזיות של המכשיר, כמו חתימות מסך. איך תומכים בתצוגה מקצה לקצה ומטפלים בפריימים חתוכים בעריכה ובתצוגות
כשאתם מתכננים מודעות לשימוש מקצה לקצה, חשוב לשים לב לסוגי הפריימים הבאים:
- הכנסות של שורת הסטטוס חלות על ממשק משתמש שאפשר להקיש עליו, וששורת הסטטוס לא אמורה להסתיר אותו באופן חזותי.
- הוספות לתנועות מערכת חלות על אזורים לניווט באמצעות תנועות שבהם המערכת משתמשת, ויש להם עדיפות על פני האפליקציה.
- הוספת קטעים לחתוך במסך חלים על אזורים במכשיר שמגיעים אל פני המסך, כמו חתך המצלמה.
שורת סטטוס
ב-Android, שורת הסטטוס מכילה סמלי התראות וסמלי מערכת. המשתמש יוצר אינטראקציה עם סרגל הסטטוס על ידי משיכה למטה כדי לגשת לצללית ההתראות.
סמלי שורת סטטוס
הסמלים בסרגל הסטטוס עשויים להופיע בצורה שונה בהתאם להקשר, לשעה ביום, להעדפות או לנושאים שהמשתמש הגדיר ולפרמטרים אחרים. סמלים בסרגל המערכת
כשמתקבלת התראה, בדרך כלל מופיע סמל בשורת הסטטוס. כך המשתמש יידע שיש משהו במגירה של ההתראות. זה יכול להיות סמל או סמל האפליקציה שלכם שמייצג את הערוץ. עיצוב ההתראות
הגדרת הסגנון של שורת הסטטוס
כדאי להפוך את שורת הסטטוס לשקופה או לחצי שקופה כדי לוודא שתוכן האפליקציה תופס את כל המסך.
התצוגה מקצה לקצה נאכפת ב-Android 15, כך ששורת הסטטוס שקופה כברירת מחדל. אפשר להפעיל את enableEdgeToEdge() לצורך תאימות לאחור.
סרגל הניווט
ב-Android, המשתמשים יכולים לשלוט בניווט באמצעות פקדי החזרה אחורה, דף הבית והסקירה הכללית:
- לחיצה על 'הקודם' מחזירה ישירות לתצוגה הקודמת.
- דף הבית עובר מהאפליקציה למסך הבית של המכשיר.
- בסקירה הכללית מוצגות האפליקציות הפתוחות והאפליקציות שנפתחו לאחרונה.
המשתמשים יכולים לבחור מבין הגדרות שונות של סרגל הניווט, כולל ניווט באמצעות תנועות (מומלץ) וניווט ב-3 לחצנים. כדי לספק את חוויית השימוש הטובה ביותר, כדאי להביא בחשבון כמה סוגים של ניווט.
ניווט באמצעות תנועות
ניווט באמצעות תנועות הוצג ב-Android 10 (רמת API 29), והוא סוג הניווט המומלץ, אבל אי אפשר לשנות את ההעדפה של המשתמש. בניווט באמצעות תנועות לא נעשה שימוש בלחצנים למעבר למסך הבית, לתנועה אחורה ולתצוגת האפליקציות האחרונות. במקום זאת, מוצגת יד אחת לתנועה כדי להנחות את המשתמשים. המשתמשים מבצעים פעולות על ידי החלקה מהקצה השמאלי או הימני של המסך כדי לחזור למסך הקודם, ומעלה מהחלק התחתון כדי לעבור למסך הבית. מחליקים למעלה ולוחצים לחיצה ארוכה כדי לפתוח את הסקירה הכללית.
ניווט באמצעות תנועות הוא דפוס ניווט גמיש יותר שאפשר להתאים למסכים ניידים ומסכים גדולים יותר. כדי לספק את חוויית המשתמש הטובה ביותר, כדאי להביא בחשבון את הניווט באמצעות תנועות:
- תמיכה בתוכן מלא.
- מומלץ להימנע מהוספת אינטראקציות או יעדי מגע מתחת לקטעי הניווט באמצעות תנועות.
מידע נוסף על הטמעת ניווט באמצעות תנועות
ניווט בשלושה לחצנים
בניווט ב-3 לחצנים יש שלושה לחצנים: לחצן חזרה, לחצן מסך הבית ולחצן סקירה כללית.
וריאציות אחרות של סרגל הניווט
בהתאם לגרסת Android ולמכשיר, יכול להיות שיהיו למשתמשים הגדרות אחרות של סרגל הניווט. לדוגמה, בניווט בשני לחצנים יש שני לחצנים למסך הבית ולחזרה.
הגדרת סגנון ניווט
כדי לוודא שסרגל הניווט שקוף או שקוף למחצה בכל הגרסאות, צריך להפעיל את הפונקציה enableEdgeToEdge().
במכשירי Android מגרסה 15 ואילך, או אחרי שמפעילים את הפקודה enableEdgeToEdge(), הניווט באמצעות תנועות הוא שקוף כברירת מחדל. ניווט ב-3 לחצנים הוא שקוף כברירת מחדל, או אטום אם הוא נמצא בסרגל האפליקציות במכשיר עם מסך גדול.
אם באפליקציה יש סרגל אפליקציות תחתון, צריך להגדיר את Window.setNavigationBarContrastEnforced() לערך false כדי לוודא שסרגל האפליקציות התחתון יוכל להופיע מתחת לסרגל הניווט של המערכת בלי להחיל שכבת scrim שקופה בתפריט הניווט עם שלושת הלחצנים.
מערכת Android מטפלת בהגנה החזותית של ממשק המשתמש במצב הניווט באמצעות תנועות ובמצבי הלחצנים.
מצב ניווט באמצעות תנועות: המערכת מחילה התאמה דינמית של צבעים, שבה התוכן של סרחי המערכת משתנה בהתאם לתוכן שמאחוריהם. בדוגמה הבאה, הידית בסרגל הניווט משתנה לצבע כהה אם היא ממוקמת מעל תוכן בהיר, ולהפך.
מצבי לחצנים: המערכת מחילה מסך שקוף מאחורי סרגל הניווט של הלחצנים. אפשר להסיר אותו על ידי הגדרת הערך Window.setNavigationBarContrastEnforced() ל-false.
מקלדת וניווט
כל סוג ניווט מגיב בהתאם למקלדת במסך כדי לאפשר למשתמש לבצע פעולות כמו סגירה או אפילו שינוי סוג המקלדת. כדי להבטיח מעבר חלק של המקלדת, כדי להבטיח מעבר חלק שמסתנכרן עם המעבר של האפליקציה עם המקלדת שנוסעת למעלה ולמטה מתחתית המסך, משתמשים ב-WindowInsetsAnimationCompat.
מגרעות במסך
פתח במסך הוא אזור במכשירים מסוימים שמשתלב במשטח המסך כדי לספק מקום לחיישנים קדמיים. חריצי התצוגה עשויים להשתנות בהתאם ליצרן.
חתכים בתצוגה יכולים להשפיע על המראה של ממשק המשתמש. כשמטרגטים ל-Android 15 (רמת API 35) ואילך, האפליקציות מצוירות באזור המגרעת במסך כברירת מחדל. האפליקציות צריכות לטפל בחלקים החתוכים של המסך כדי שממשק המשתמש החשוב לא יופיע מתחת לחלק החתוך של המסך. איך תומכים בחלקים חתוכים במסך
מצב אימרסיבי
אפשר להסתיר את שורות המערכת כשרוצים חוויה במסך מלא, למשל כשהמשתמש צופה בסרט. המשתמש עדיין אמור להיות מסוגל להקיש כדי לחשוף את שורת הסטטוס ואת ממשק המשתמש כדי לנווט או לבצע פעולות עם פקדי המערכת. מידע נוסף על עיצוב למצבי מסך מלא זמין כאן. מידע נוסף על הסתרת שורת המשימות במצב צפייה immersive זמין כאן.