Zum Schließen wischen

Zum Schließen wischen Die Animation vermittelt den Übergang, wenn Nutzende zur vorherigen Seite navigieren.

Die Animationsdetails zum Schließen durch Wischen sind mit denen beim RSB-Drücken vergleichbar. Ihr Mit dem Finger wird der Fortschritt der Animation um bis zu 50 % gesteuert.

Es gibt eine zusätzliche Animation in der App-Ansicht, die mit der Schaltfläche zum Schließen verknüpft ist. Touch-Geste. Der in der App-Ansicht angezeigte Ausmaß der Bewegung ist nicht dasselbe wie Abstand, die der Finger zurückbewegen muss. Die App-Ansicht Rand des Bildschirms, was einen Widerstand beim Zusammendrücken zeigt.

Implementierung

Wear hat eine eigene Version von Box, SwipeToDismissBox Dadurch wird die Wischgeste zum Schließen unterstützt, die der Touch-Geste auf der Rückseite ähnelt auf Mobilgeräten.

SwipeToDismissBox ist eine zusammensetzbare Funktion, die Sie schließen können, indem Sie nach rechts wischen.

Zur Verwendung von SwipeToDismissBox müssen Sie zuerst einen Status erstellen. Der Bundesstaat enthält Informationen zur Wischrichtung, ob eine Animation läuft, die aktuelle Wert und Ziel und mehr. Das folgende Beispiel zeigt, wie Sie Aktion durch einfaches Wischen schließen:

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

Weitere Informationen zur Verwendung von SwipeToDismissBox in Verbindung mit dem Navigationsbibliothek finden Sie in den Referenzdokumenten der Wear Compose-Navigationsbibliothek.

Design

Beachten Sie beim Entwerfen der Aktion durch Wischen zum Schließen die folgenden beiden Prinzipien: im Hinterkopf:

Rand des Bildschirms

Berücksichtigen Sie auch andere UI-Elemente, die blätterbar sind, z. B. paginierte App-Ansichten. Wenn das Schließen durch Wischen möglich ist, reservieren Sie 20% des Bildschirms. die diese Bewegung auslösen.

Beispiel aus der Codebasis „Compose Material for Wear OS“ .

Grenzwert, um zurückzugehen oder in der App-Ansicht zu bleiben

Wenn die Nutzenden ihren Finger über mehr als 50% der Bildschirmbreite gezogen haben, sollte die App den Rest der Wischbewegung auslösen. Ist der Wert kleiner als sollte sich die App wieder in der Vollansicht befinden.

Wenn die Touch-Geste schnell ist, ignoriere die 50-%-Schwellenwertregel und wische zurück.