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.