Idioma: HTML | XAML

Animando gestos de passar o dedo (XAML)

Applies to Windows only

Use animações de passagem do dedo (SwipeHintThemeAnimation, SwipeBackThemeAnimation) ao implementar o modelo de seleção por toque do Windows 8 (chamado de passar o dedo) para a seleção de um item.

Os controles ListView e GridView para XAML includem animações de dica de passagem do dedo para os itens.

Dica de passagem do dedo

A animação de dica de passagem do dedo (SwipeHintThemeAnimation) mostra ao usuário que o item dá suporte à interação por passagem do dedo. Quando o usuário pressiona e segura um item que dá suporte à interação por passagem do dedo, a animação move o item para baixo e de volta para cima como uma dica de que o item dá suporte a essa interação. Essa animação já está incluída para os itens ListView e GridView, basta usar esses controles para a exibição dos itens e as animações serão incluídas.

Ilustração que mostra as etapas em uma animação da dica de passagem do dedo

Seleção por passagem do dedo

O XAML não tem uma animação de seleção por passagem do dedo porque a seleção é manipulada por modelos diferentes, como os modos de seleção dos controles e itens. Cada uma delas tem a sua própria metáfora visual que não envolve animação.

Anulação da seleção por passagem do dedo

Use a animação de anulação da seleção por passagem do dedo quando o usuário arrastou um item selecionado no momento longe o suficiente para anular sua seleção e solta o item. A animação de anulação da seleção por passagem do dedo remove o indicador de seleção do item e o move de volta à sua posição de repouso.

Ilustração que mostra as etapas em uma animação da anulação da seleção por passagem do dedo: mover e desmarcar

Animações de passagem do dedo no comportamento de controle do Windows Runtime padrão

Outros recursos

Veja Diretrizes e lista de verificação para animações de passagem do dedo para obter as práticas recomendadas de design no uso dessas animações.

Tópicos relacionados

Animando sua interface do usuário
Guia de início rápido: Animando sua interface do usuário usando as animações da biblioteca
SwipeHintThemeAnimation
SwipeBackThemeAnimation

 

 

Mostrar:
© 2014 Microsoft