Mit der zusammensetzbaren Funktion PredictiveBackHandler in Jetpack Compose können Sie die „Zurück“-Geste abfangen und auf ihren Fortschritt zugreifen. Sie können in Echtzeit auf die Zurück-Geste des Nutzers reagieren und benutzerdefinierte Animationen oder Verhaltensweisen erstellen, je nachdem, wie weit der Nutzer wischt.
Wenn Sie PredictiveBackHandler verwenden möchten, müssen Sie androidx.activity:activity:1.6.0 oder höher verwenden.
PredictiveBackHandler bietet eine Flow<BackEventCompat>, die Ereignisse ausgibt, die den Fortschritt der Touch-Geste „Zurück“ darstellen. Jedes Ereignis enthält Informationen wie:
progress: Ein Gleitkommawert zwischen 0 und 1, der den Fortschritt der „Zurück“-Geste angibt (0 = Geste gestartet, 1 = Geste abgeschlossen).touchXundtouchY: Die X- und Y-Koordinaten des Touch-Events.
Das folgende Snippet zeigt die grundlegende Verwendung von PredictiveBackHandler:
PredictiveBackHandler(true) { progress: Flow<BackEventCompat> -> // code for gesture back started try { progress.collect { backEvent -> // code for progress boxScale = 1F - (1F * backEvent.progress) } // code for completion boxScale = 0F } catch (e: CancellationException) { // code for cancellation boxScale = 1F throw e } }
Beispiel: In eine Navigationsleiste einbinden
In diesem Beispiel wird gezeigt, wie Sie eine benutzerdefinierte In-App-Animation mit PredictiveBackHandler implementieren, um eine reibungslose Interaktion mit einer Navigationsleiste als Reaktion auf Zurück-Gesten in JetLagged zu erstellen:
In diesem Beispiel wird PredictiveBackHandler für Folgendes verwendet:
- Verfolge den Fortschritt der Touch-Geste „Zurück“.
- Aktualisieren Sie die
translationXder Einblendung basierend auf dem Fortschritt der Geste. - Verwenden Sie einen
velocityTracker, um die Leiste je nach Geschwindigkeit der Geste reibungslos zu öffnen oder zu schließen, wenn die Geste abgeschlossen oder abgebrochen wird.