التمرير سريعًا للتجاهل

تعمل الرسوم المتحركة بالتمرير السريع للإغلاق على نقل المستخدمين عند انتقالهم إلى الصفحة السابقة.

تشبه تفاصيل الرسوم المتحركة الخاصة بالتمرير السريع للإغلاق تفاصيل ضغطة RSB. تتحكم إصبعك في تقدم الرسوم المتحركة بنسبة تصل إلى 50%.

هناك صورة متحركة إضافية في عرض التطبيق مرتبطة بإيماءة الرفض. إن مقدار الحركة المعروض في عرض التطبيق ليس هو نفسه المسافة التي يجب أن يتحركها الإصبع تمامًا. يجب ألا تترك طريقة عرض التطبيق حافة الشاشة أبدًا، بحيث تعرض تأثيرات انضغاطية مع بعض المقاومة.

التنفيذ

لدى Wear إصدار خاص به من Box، SwipeToDismissBox. يتيح ذلك استخدام إيماءة التمرير السريع للإغلاق، والتي تشبه زر الرجوع على الهاتف الجوّال.

SwipeToDismissBox عبارة عن مادة عرض قابلة للإغلاق من خلال التمرير سريعًا لليسار.

لاستخدام ميزة "SwipeToDismissBox"، يجب أولاً إنشاء ولاية. وتحتوي الحالة على معلومات حول اتجاه التمرير السريع، سواء كانت الرسوم المتحركة قيد التشغيل، والقيمة الحالية والهدف، وغير ذلك. يوضح المثال التالي كيفية تصميم تمرير سريع بسيط لإغلاق إجراء:

val state = rememberSwipeToDismissBoxState()
SwipeToDismissBox(
    onDismissed = { /* navigateBack */ },
) { isBackground ->
    if (isBackground) {
        Box(modifier = Modifier.fillMaxSize().background(MaterialTheme.colors.secondaryVariant))
    } else {
        Column(
            modifier = Modifier.fillMaxSize().background(MaterialTheme.colors.primary),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center,
        ) {
            Text("Swipe to dismiss", color = MaterialTheme.colors.onPrimary)
        }
    }
}

للحصول على مزيد من المعلومات حول استخدام ScrollToRejectBox مع مكتبة التنقل، يُرجى الاطّلاع على المستندات المرجعية الخاصة بمكتبة التنقل في تطبيق Wear Compose.

التصميم

عند تصميم التمرير السريع لرفض الإجراء، ضع في اعتبارك المبدأين التاليين:

حافة الشاشة

ضَع في الاعتبار عناصر واجهة المستخدم الأخرى القابلة للتمرير، مثل طرق عرض التطبيقات المقسّمة على صفحات. عندما يكون التمرير السريع للإغلاق ممكنًا، احتفظ بنسبة 20٪ من حافة الشاشة لتشغيل هذه الحركة.

يمكنك الاطّلاع على هذا المثال من قاعدة رموز Compose Material for Wear OS للتعرّف على مثال عن التمرير سريعًا على الحواف عندما يكون المحتوى قابلاً للتمرير أفقيًا.

حد الرجوع أو البقاء في عرض التطبيق

إذا سحب المستخدم إصبعه عبر ما يزيد عن 50٪ من عرض الشاشة، فيجب أن يشغّل التطبيق بقية الرسوم المتحركة بالتمرير السريع إلى الخلف. وإذا كانت أقل من ذلك، فينبغي أن يعود التطبيق إلى العرض الكامل للتطبيق.

إذا كانت الإيماءة سريعة، يمكنك تجاهل قاعدة الحدّ الأقصى بنسبة% 50 والتمرير سريعًا للخلف.