Göstermek için kaydırın
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Kullanıcıların, ekstra işlemleri görmek için bir bileşeni kaydırmasına izin verin.
Göstermek için kaydırma bileşeni, özellikle listelerde göründüklerinde çiplere ve kartlara ekstra işlemler eklemenize olanak tanır. Bu bileşen, kullanıcıların ekrandan ayrılmadan işlerini hızlıca tamamlamalarını sağlar.
Kullanıcılar bu işlemlere erişmek için çipleri ve kartları kısmen sola kaydırabilir, ardından
bir işleme dokunarak işlemi tamamlayabilir. Ayrıca kullanıcılar, çipleri ve kartları hızlıca sola kaydırarak birincil işleme hızlıca gerçekleştirebilirler.
Bileşende bu işlemler için 2 yuva vardır:
- Birincil
- İkincil (isteğe bağlı)
Anatomi
Gösterilen işlemler
Geliştiriciler işlemleri benzersiz kullanım alanlarına göre özelleştirebilirler. Kullanıcıların anlamlarını anlamalarına yardımcı olmak için bu işlemlerde kullanılan renk ve ikonlara dikkat edin.
Gösterilen işlemler, tüm dil yerel ayarları için aynı tarafta görünür.
- Birincil işlem
- İkincil işlem (isteğe bağlı)
Birincil işlemi tamamlayın
Birincil işlemi gerçekleştirmek için kullanıcı düğmeye dokunabilir veya sola doğru hızlıca kaydırmaya devam edebilir. Bu şekilde düğme, ekranın tüm genişliğini kaplar ve bir etiket görüntüler. İşlem, seçildikten sonra yavaş yavaş kaybolur.
İlk örnekte bir tek düğme seçeneği gösterilmektedir. İkinci örnekte ise çift düğme seçeneği gösterilmektedir.
İşlemi geri al
Yıkıcı işlemlerde, kullanıcıların bu işlemleri geri almalarını sağlamak için bir geri alma bileşeni ekleyin. Birincil işleme geri alma özelliğini ekleyin.
Eklenirse, taahhüt edilen işlemin yerine çipi geri al düğmesi görünür.
Kısa bir süre sonra, geri alma işlemi kaybolur ve sistem taahhüt edilen işlemi tamamlar.
Kaydırma eşikleri
Bileşenin davranışını göstermek için kaydırma işlemi, kullanıcının ekranı ne kadar uzağa kaydırdığına bağlıdır:
- Kullanıcı, ekranın% 50'den az bir kısmı boyunca kaydırırsa bileşen yeniden başlangıç konumuna geri oturur ve hiçbir işlem yapılmaz.
- Kullanıcı, ekranı tam genişliğin% 50'si ile% 75'i arasında hızlıca kaydırırsa bileşen kısmen görünür durumda kalır ve bileşenle ilişkili işlemler görünür.
- Kullanıcı, ekranın% 75'inden fazlasında hızlıca kaydırırsa bileşen kaybolur ve sistem birincil işlemi otomatik olarak gerçekleştirir.
Aşağıdaki materyal temalı bileşenler, davranışı ortaya çıkarmak için kaydırma işlemini uygular:
Kartlar
Aşağıdaki ekran görüntülerinde, SwipeToRevealCard sınıfını kullanırken bileşenin görünümünü ortaya çıkarmak için hızlıca kaydırma gösterilmektedir:
Cips üzerinde
Aşağıdaki ekran görüntülerinde, SwipeToRevealChip sınıfını kullanırken bileşenin görünümünü ortaya çıkarmak için hızlıca kaydırma gösterilmektedir:
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.
[null,null,["Son güncelleme tarihi: 2025-07-27 UTC."],[],[],null,["# Swipe to reveal\n\nAllow users to swipe a component to reveal extra actions.\n\nThe *swipe to reveal* component lets you add extra actions to\nchips and cards, specifically when they appear in lists. This component lets\nusers quickly get things done without leaving the screen.\n\nUsers can partially swipe chips and cards to the left to access these\nactions, then tap on an action to complete it. Users can also fully swipe\nchips and cards to the left to quickly commit to the primary action. \nThe component has 2 slots for these actions:\n\n1. **Primary**\n2. **Secondary (optional)**\n\nAnatomy\n-------\n\n### Revealed actions\n\nDevelopers can customize the actions for their unique use cases. Consider\nthe color and iconography used in these actions to help users understand\nwhat they mean.\n\nThe revealed actions appear on the same side for all language\nlocales.\n\n1. **Primary action**\n2. **Secondary action (optional)** \n\n### Commit to a primary action\n\nTo commit to the primary action, a user can either tap on the button or\ncontinue swiping to the left. In this way, the button extends to the entire\nwidth of the screen and displays a label. The action fades away after being\nselected.\n\nThe first example shows a **single button option** . The\nsecond example shows a **double button option**. \n\n### Undo action\n\nFor destructive actions, add an undo component to let users reverse these\nactions. Add the undo capability to the primary action.\n\nIf added, an undo chip button appears in place of the committed action.\nAfter a short period of time, the undo action fades away, and the system\ncompletes the committed action. \n\n### Swipe thresholds\n\nThe swipe to reveal component's behavior depends upon how far the user\nswipes across the screen:\n\n- If the user swipes across less than 50% of the screen, the component snaps back to its starting position, and no action is taken.\n- If the user swipes across the screen between 50% and 75% of the full width, the component remains partially visible, and the actions associated with the component appear.\n- If the user swipes across more than 75% of the screen, the component disappears, and the system automatically performs the primary action.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nRelated components\n------------------\n\nThe following material-themed components implement the swipe to reveal behavior:\n\n- [`SwipeToRevealCard`](/reference/kotlin/androidx/wear/compose/material/package-summary#SwipeToRevealCard(androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.foundation.RevealState,androidx.compose.ui.Modifier,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealActionColors,androidx.compose.ui.graphics.Shape,kotlin.Function0))\n- [`SwipeToRevealChip`](/reference/kotlin/androidx/wear/compose/material/package-summary#SwipeToRevealChip(androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.foundation.RevealState,androidx.compose.ui.Modifier,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealAction,androidx.wear.compose.material.SwipeToRevealActionColors,androidx.compose.ui.graphics.Shape,kotlin.Function0))\n\n### On cards\n\nThe following screenshots show the swipe to reveal component's appearance when\nusing the `SwipeToRevealCard` class:\n\n### On chips\n\nThe following screenshots show the swipe to reveal component's appearance when\nusing the `SwipeToRevealChip` class:"]]
