Kapatmak için kaydırın

Kapatmak için kaydırın animasyon, kullanıcılar önceki sayfaya gittiğinde geçişi aktarır.

Kaydırarak kapatmak için gösterilen animasyon ayrıntıları, RSB basmasına benzer. Sizin parmak, animasyonun ilerleme durumunu %50'ye kadar kontrol eder.

Uygulama Görünümü'nde kapatma işlemiyle bağlantılı ek bir animasyon var hareketi yapın. Uygulama görünümünde gösterilen hareket miktarı tam olarak parmağın hareket etmesi gereken mesafe. Uygulama görünümü bir miktar dirençle sıkışmış efekti görüntüler.

Uygulama

Wear kendi Box sürümüne sahip. SwipeToDismissBox Bu, arkaya benzer şekilde kapatmak için hızlıca kaydırma hareketi için destek sağlar düğme.

SwipeToDismissBox, sağa kaydırarak kapatılabilen bir composable'dır.

SwipeToDismissBox özelliğini kullanmak için önce bir eyalet oluşturmanız gerekir. Eyalet bir animasyonun çalışıp çalışmadığını, geçerli içeriğin ekranda birçok metrik içerir. Aşağıdaki örnekte, projenizin nasıl tasarlanacağını gösteren basit bir kaydırma hareketiyle kapatın:

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)
        }
    }
}

Kaydırma Listesi’ni kapatma kutusu ile birlikte gezinme hakkında bilgi edinmek isterseniz Wear Compose Gezinme kitaplığı.

Tasarım

İşlemi kapatmak için kaydırmayı tasarlarken aşağıdaki iki ilkeye uyun: şunları 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 hesaba katın. Kapatmak için hızlıca kaydırmanın mümkün olduğu durumlarda, ekranın kenarının% 20'sini o hareketi tetikleyin.

Wear OS için Compose Material kod tabanındaki bu örneğe bakın. içerik yatay olarak kaydırılabilir olduğunda kenar kaydırma örneği.

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. Küçükse uygulama tam uygulama görünümüne geri dönecektir.

Hareket hızlıysa% 50 eşik kuralını yoksayın ve geri kaydırın.