التمرير سريعًا للتجاهل
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
ينقل التأثير المتحرك المسح سريعًا لإغلاق
الانتقال عندما ينتقل المستخدمون إلى الصفحة السابقة.
تشبه تفاصيل الرسوم المتحركة الخاصة بالتمرير السريع للإغلاق تفاصيل الضغط على RSB. يتحكّم
إصبعك في مستوى تقدم الصورة المتحركة بنسبة تصل إلى %50.
وهناك صورة متحركة إضافية في الملف الشخصي للتطبيق مرتبطة بإيماءة الإغلاق. إنّ مقدار الحركة المعروض على عرض التطبيق ليس هو نفسه بالضبط
المسافة التي يحتاج الإصبع إلى التحرك بها. يجب ألا تغادر طريقة عرض التطبيق أبدًا
حافة الشاشة، مع عرض تأثير مشابه للضغط مع بعض المقاومة.
التنفيذ
SwipeDismissableNavHost
من مكتبة التنقّل
توفر إيماءة التنقل سريعًا لإغلاقها تلقائيًا.
إذا لم تكن تستخدِم مكتبة التنقّل، سيظل بإمكانك توفير إيماءة التنقّل على الشاشة الكاملة باستخدام BasicSwipeToDismissBox
مباشرةً.
التصميم
عند تصميم إجراء التمرير السريع لإغلاق المحتوى، يجب مراعاة المبدأَين التاليَين:
حافة الشاشة
ويجب مراعاة عناصر واجهة المستخدم الأخرى القابلة للتمرير، مثل طرق عرض التطبيق المقسّمة على صفحات.
عندما يكون التمرير سريعًا للإغلاق، احتفظ بنسبة 20% من حافة الشاشة لتشغيل تلك الحركة.
اطّلِع على هذا المثال من رمز Compose Material لنظام التشغيل Wear OS البرمجي
للاطّلاع على مثال على التمرير السريع من جانب الشاشة عندما يكون المحتوى قابلاً للانتقال أفقيًا.
الحدّ الأدنى للرجوع إلى الشاشة الرئيسية أو البقاء في عرض التطبيق
إذا سحب المستخدم إصبعه عبر أكثر من 50٪ من عرض الشاشة، فيجب على التطبيق تشغيل بقية الرسوم المتحركة بالتمرير السريع للخلف. إذا كان حجم الشاشة أقل من
ذلك، من المفترض أن يعود التطبيق إلى عرض التطبيق الكامل.
وإذا كانت الإيماءة سريعة، تجاهل قاعدة الحد الأدنى التي تبلغ% 50 ومرِّر سريعًا للخلف.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Swipe to dismiss\n\n[Swipe to dismiss](/reference/kotlin/androidx/wear/compose/foundation/package-summary#BasicSwipeToDismissBox(androidx.wear.compose.foundation.SwipeToDismissBoxState,androidx.compose.ui.Modifier,kotlin.Any,kotlin.Any,kotlin.Boolean,kotlin.Function2))\nanimation conveys the transition when users navigate to the previous page.\n\nThe animation details for swipe to dismiss are similar to the RSB press. Your\nfinger controls the progress of the animation up to 50%.\n\nThere is an additional animation on the App View that is linked to the dismiss\ngesture. The amount of movement shown on the app view is not exactly the same as\nthe distance that the finger needs to move. The app view should never leave the\nedge of the screen, displaying a squeeze like effect with some resistance.\n\nImplementation\n--------------\n\n[`SwipeDismissableNavHost`](/reference/kotlin/androidx/wear/compose/navigation/package-summary#SwipeDismissableNavHost(androidx.navigation.NavHostController,kotlin.String,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.navigation.SwipeDismissableNavHostState,kotlin.String,kotlin.Function1))\nfrom the [navigation library](/training/wearables/compose/navigation)\nprovides the swipe-to-dismiss navigation gesture by default.\n\nIf you are not using the navigation library, then you can still support this full\nscreen navigation gesture by using [`BasicSwipeToDismissBox`](/reference/kotlin/androidx/wear/compose/foundation/package-summary#BasicSwipeToDismissBox(androidx.wear.compose.foundation.SwipeToDismissBoxState,androidx.compose.ui.Modifier,kotlin.Any,kotlin.Any,kotlin.Boolean,kotlin.Function2))\ndirectly.\n\nDesign\n------\n\nWhen designing the swipe to dismiss action, keep the following two principles\nin mind:\n\n### Edge of the screen\n\nAccount for other UI elements that are swipable, such as paginated app views.\nWhen swipe to dismiss is possible, reserve 20% of the edge of the screen to\ntrigger that motion.\n\nSee this [example from the Compose Material for Wear OS codebase](https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:wear/compose/compose-material/samples/src/main/java/androidx/wear/compose/material/samples/SwipeToDismissBoxSample.kt;l=151)\nfor an example of edge-swiping when the content is horizontally scrollable.\n\n### Threshold to go back or stay on app view\n\nIf the user has dragged their finger across over 50% of the screen width,\nthe app should trigger the rest of the swipe back animation. If it's less than\nthat, the app should snap back to the full app view.\n\nIf the gesture is quick, ignore the 50% threshold rule and swipe back."]]
