Kapatmak için kaydırın
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Kapatmak için kaydır
animasyonu, kullanıcılar önceki sayfaya gittiğinde geçişi gösterir.
Kaydırarak kapatma animasyonunun ayrıntıları, RSB düğmesine basmaya benzer. Parmağınız, animasyonun %50'ye kadar olan ilerleme durumunu kontrol eder.
Uygulama görünümünde, kapatma hareketine bağlı ek bir animasyon vardır. Uygulama görünümünde gösterilen hareket miktarı, parmağın hareket etmesi gereken mesafeyle tam olarak aynı değildir. Uygulama görünümü, ekranın kenarından asla çıkmamalı ve biraz dirençle sıkma efektli bir efekt görüntülemelidir.
Uygulama
Gezinme kitaplığındaki SwipeDismissableNavHost, varsayılan olarak kaydırarak kapatma gezinme hareketini sağlar.
Gezinme kitaplığını kullanmıyorsanız doğrudan BasicSwipeToDismissBox kullanarak bu tam ekran gezinme hareketini destekleyebilirsiniz.
Tasarım
Kaydırarak kapatma işlemini tasarlarken aşağıdaki iki ilkeyi göz önünde bulundurun:
Ekranın kenarı
Sayfalandırılmış uygulama görünümleri gibi kaydırılabilir diğer kullanıcı arayüzü öğelerini hesaba katın.
Kaydırarak kapatma özelliği kullanılabilirken bu hareketi tetiklemek için ekranın kenarının% 20'sini ayırın.
İçerik yatay olarak kaydırılabilirken kenar kaydırma örneği için Wear OS için Compose Material kod tabanındaki bu örneği inceleyin.
Geri gitme veya uygulama görünümünde kalma eşiği
Kullanıcı parmağını ekran genişliğinin% 50'sinden fazlasını sürüklediyse uygulama, geri kaydırma animasyonunun geri kalanını tetikler. Bu değer bundan azsa uygulama tam uygulama görünümüne geri döner.
Hareket hızlıysa% 50 eşiği kuralını yok sayın ve geri kaydırın.
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2025-07-27 UTC."],[],[],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."]]
