Deslize para dispensar

A animação de deslizar para dispensar transmite a transição quando os usuários acessam a página anterior.

Os detalhes da animação do gesto de deslizar para dispensar são semelhantes ao pressionamento do RSB. O dedo controla o progresso da animação em até 50%.

Há uma outra animação na visualização do app que está vinculada ao gesto de dispensar. A quantidade de movimentos mostrados na visualização do app não é exatamente igual à distância que o dedo se move. A visualização do app nunca pode sair da borda da tela. Um efeito de compressão com alguma resistência é mostrado na borda.

Implementação

SwipeDismissableNavHost da biblioteca de navegação fornece o gesto de navegação de deslizar para dispensar por padrão.

Se você não estiver usando a biblioteca de navegação, ainda poderá oferecer suporte a esse gesto de navegação em tela cheia usando BasicSwipeToDismissBox diretamente.

Design

Ao projetar o gesto de deslizar para dispensar uma ação, não esqueça destes dois princípios:

Borda da tela

Considere outros elementos de IU que podem ser deslizados, por exemplo, visualizações de apps paginadas. Quando for possível deslizar para dispensar, reserve 20% da borda da tela para acionar esse movimento.

Consulte este exemplo do código-base do Compose Material para Wear OS para conferir um exemplo de deslizar na borda quando o conteúdo pode ser rolado horizontalmente.

Limite para voltar ou permanecer na visualização do app

Se o usuário tiver arrastado o dedo sobre mais de 50% da largura da tela e soltar o dedo, o app vai precisar acionar o restante da animação de deslizar para trás. Se a distância percorrida for menor que isso, o app vai voltar à visualização completa.

Se o gesto for rápido, ignore a regra de limite de 50% e deslize para trás.