Diretrizes para animações de clique de ponteiro

Applies to Windows and Windows Phone

Use animações de ponteiro para fornecer aos usuários comentários visuais de um toque ou clique em um item. A animação de ponteiro para baixo é executada quando um usuário toca ou clica em um item. A animação encolhe levemente o item para indicar que ele foi pressionado. A animação de ponteiro para cima é executada quando o toque ou clique é liberado. Essa animação restaura o item para o tamanho original para indicar que ele foi liberado.

O que fazer e o que não fazer

  • Ao usar uma animação de ponteiro para cima, verifique se disparou a animação imediatamente quando o usuário liberou o toque ou clique. É essencial que a animação de ponteiro para cima apareça rapidamente. Isso faz com que o usuário tenha informações instantâneas de que sua ação foi reconhecida, mesmo que a ação disparada pelo toque ou clique (por exemplo, ao navegar até uma nova página) esteja com uma resposta mais lenta.

Tópicos relacionados

Para designers
Diretrizes para adicionar e excluir
Diretrizes para animações de transações de conteúdo
Diretrizes para animações de arrastar
Diretrizes para animações de interface do usuário baseada em bordas
Diretrizes para animações de fade
Diretrizes para animações de transações de página
Diretrizes para animações de reposição
Diretrizes para animações de interface do usuário pop-up
Diretrizes para animações de passagem do dedo
Para desenvolvedores (HTML)
Exemplo da biblioteca de animação em HTML
Animando sua interface do usuário
WinJS.UI.Animation.pointerUp function
WinJS.UI.Animation.pointerDown function
Para desenvolvedores (XAML)
Animando sua interface do usuário
Animando cliques de ponteiro
Guia de início rápido: Animando sua interface do usuário usando as animações da biblioteca
PointerUpThemeAnimation class
PointerDownThemeAnimation class

 

 

Mostrar:
© 2014 Microsoft