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: 2023-12-02 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"İhtiyacım olan bilgiler yok"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Çok karmaşık / çok fazla adım var"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Güncel değil"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Çeviri sorunu"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Örnek veya kod sorunu"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Diğer"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Anlaması kolay"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Sorunumu çözdü"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Diğer"
}]
{"lastModified": "Son g\u00fcncelleme tarihi: 2023-12-02 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: 2023-12-02 UTC."]]