פריסות של אפליקציות

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

דוגמאות לפריסות נפוצות של אפליקציות:

• מסך יחיד (הפשוט ביותר): רכיבי ממשק המשתמש מוגבלים למה שגלוי בכל רגע נתון בלי גלילה.
• מאגר אנכי (הנפוץ ביותר): התוכן חורג מהחלק שניתן לצפייה במסך, ואפשר לגשת אליו באמצעות גלילה.
• אפשרויות אחרות: רשימות, החלפה בין דפים או הזזה דו-ממדית.

בקטעים הבאים מוסבר על סוגי הפריסות האלה. אם אתם צריכים כמה מסכים, אתם יכולים להשתמש בשילוב של סוגי פריסות.

הערה: כדי שהפעילות שלכם תהיה חלק מהירושה, צריך להשתמש ב-ComponentActivity או, אם אתם משתמשים בקטעים, ב-FragmentActivity. סוגי הפעילות האחרים משתמשים ברכיבי ממשק משתמש ספציפיים לנייד שלא נדרשים ל-Wear OS.

מסך יחיד

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

איור 1. דוגמה לפריסת מסך יחיד.

מסכים בודדים פועלים בצורה טובה עם BoxInsetLayout בשילוב עם ConstraintLayout כדי לסדר את האלמנטים.

מאגר אנכי

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

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

איור 2. דוגמאות לפריסות של מאגרי תוכן אנכיים.

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

איור 3. תוכן בConstraintLayout בתוך NestedScrollView.

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

הערה: אם אפשר, כדאי להוסיף ל-NestedScrollView אינדיקטור גלילה על ידי הגדרת android:scrollbars="vertical" ב-XML. כך המשתמשים יכולים לדעת שיש עוד תוכן זמין, ולהבין איפה הם נמצאים ביחס לכל התוכן.

אפשרויות אחרות לפריסות של אפליקציות

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