Scorri per ignorare

Scorri per chiudere l'animazione trasmette la transizione quando gli utenti passano alla pagina precedente.

I dettagli dell'animazione per scorrere per chiudere sono simili a quelli della pressione del tasto RSB. Il tuo controlla l'avanzamento dell'animazione fino al 50%.

Nella vista app è presente un'animazione aggiuntiva collegata al rifiuto gesto. La quantità di movimento mostrata nella visualizzazione dell'app non è esattamente la stessa della la distanza di spostamento del dito. La vista app non deve mai uscire dalla bordo dello schermo, che mostra un effetto a pressione con una certa resistenza.

Implementazione

Wear ha la propria versione di Box, SwipeToDismissBox Questa impostazione aggiunge il supporto per il gesto di scorrimento per ignorare, che è simile a Indietro su dispositivo mobile.

SwipeToDismissBox è un componibile che può essere ignorato scorrendo verso destra.

Per utilizzare SwipeToDismissBox, devi prima creare uno stato. Lo stato contiene informazioni sulla direzione di scorrimento, sull'eventuale esecuzione di un'animazione, valore e target e altro ancora. L'esempio seguente mostra come progettare scorri per ignorare l'azione:

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

Per ulteriori informazioni sull'uso di SwipeToClearBox insieme alla libreria di navigazione, consulta la documentazione di riferimento per Libreria di navigazione Wear Compose.

Design

Quando progetti l'azione di scorrimento per ignorare l'azione, mantieni i due principi riportati di seguito tieni presente quanto segue:

Bordo dello schermo

Prendi in considerazione altri elementi dell'interfaccia utente scorrevoli, come le visualizzazioni delle app impaginate. Quando è possibile scorrere per chiudere, riserva il 20% del bordo dello schermo a attivare quel movimento.

Guarda questo esempio del codebase del materiale Compose per Wear OS. per un esempio di scorrimento sui bordi quando i contenuti sono scorrevoli orizzontalmente.

Soglia per tornare indietro o rimanere nella visualizzazione app

Se l'utente trascina il dito su oltre il 50% della larghezza dello schermo, l'app dovrebbe attivare il resto dell'animazione di scorrimento all'indietro. Se è inferiore a l'app dovrebbe tornare alla visualizzazione completa.

Se il gesto è rapido, ignora la regola della soglia del 50% e scorri indietro.