יש להחליק כדי לסגור

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

פרטי האנימציה של החלקה כדי לסגור דומים לאלה של לחיצה על RSB. האצבעות שולטת בהתקדמות האנימציה עד 50%.

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

הטמעה

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

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

עיצוב

כשאתם מתכננים את הפעולה של החלקה כדי לסגור, חשוב לזכור את שני העקרונות הבאים:

קצה המסך

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

אפשר לראות את הדוגמה הזו מה-Compose Material for Wear OS כדי לקבל דוגמה להחלקה מהקצה כאשר ניתן לגלול את התוכן באופן אופקי.

הסף לחזרה לתצוגת האפליקציה או להישארות בתצוגת האפליקציה

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

אם התנועה מהירה, מתעלמים מכלל הסף של 50% ומחליקים חזרה.