Kapatmak için hızlıca kaydırma animasyonu, kullanıcılar önceki sayfaya gittiğinde geçişi aktarır.
Kapatmak için hızlıca kaydırmayla ilgili animasyon ayrıntıları RSB basmasına benzer. Parmağınızla animasyonun ilerleme durumunu %50'ye kadar kontrol edebilirsiniz.
Uygulama Görünümü'nde, kapatma hareketiyle bağlantılı ek bir animasyon vardır. Uygulama görünümünde gösterilen hareket miktarı, parmağın hareket etmesi gereken mesafeyle aynı değildir. Uygulama görünümü asla ekranın kenarından dışarı çıkmamalıdır. Biraz dirençle, sıkışma benzeri bir efekt görüntülenmelidir.
Uygulama
Wear'ın kendi Box sürümü,
SwipeToDismissBox vardır.
Bu özellik, mobil cihazlardaki geri düğmesine benzer şekilde hızlıca kaydırarak kapatma hareketi için destek ekler.
SwipeToDismissBox, sağa kaydırarak kapatılabilen bir bestedir.
SwipeToDismissBox uygulamasını kullanmak için önce bir eyalet oluşturmanız gerekir. Durum, kaydırma yönü, bir animasyonun çalışıp çalışmadığı, geçerli değer, hedef ve daha fazlası hakkında bilgiler içerir. Aşağıdaki örnekte, kapatmak için basit bir kaydırma hareketinin nasıl tasarlanacağı gösterilmektedir:
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)
}
}
}
Gezinme kitaplığıyla Kaydırma Çubuğunu Kapatıp kullanma hakkında daha fazla bilgi için Wear Compose Gezinme kitaplığı referans belgelerine bakın.
Tasarım
Kaydırarak kapatma işlemini tasarlarken aşağıdaki iki ilkeyi göz önünde bulundurun:
Ekranın kenarı
Sayfalara ayrılmış uygulama görünümleri gibi kaydırılabilen diğer kullanıcı arayüzü öğelerini dikkate alın. Kaydırarak kapatmak mümkün olduğunda, hareketi tetiklemek için ekranın kenarının% 20'sini ayırın.
İçerik yatay olarak kaydırılabilir olduğunda kenar kaydırma örneği için Wear Material kod tabanındaki bu örneğe bakın.
Geri gitmek veya uygulama görünümünde kalma eşiği
Kullanıcı parmağını ekran genişliğinin% 50'sinden fazlasının üzerinde sürüklerse uygulama geri kaydırma animasyonunun geri kalanını tetikler. Bundan daha azsa uygulama tam uygulama görünümüne dönmelidir.
Hareket hızlıysa% 50 eşik kuralını yoksayıp geri kaydırın.