Windows Dev Center

Diretrizes para adicionar e excluir animações

Animações de lista permitem inserir ou remover um ou vários itens de uma coleção, como um álbum de fotos ou uma lista de resultados de pesquisa.

A menos que seja especificado em contrário, essas diretrizes se aplicam a animações de lista e de lista de pesquisa.

Recomendações

  • Use as animações de lista para adicionar um único item novo a um conjunto de itens existente. Por exemplo, use-as quando um novo email chegar ou quando uma nova foto for importada para um conjunto existente.
  • Use animações de lista para adicionar vários itens a um conjunto ao mesmo tempo. Por exemplo, use-as quando for importar um conjunto de novas fotos em uma coleção existente. A adição ou exclusão de vários itens deve acontecer ao mesmo tempo, sem atraso entre a ação sobre os objetos individuais.
  • Use as animações de adição e exclusão na lista como um par. Sempre que usar uma delas, escolha a animação correspondente para a ação oposta.
  • Use as animações de lista com uma lista de itens em que você pode adicionar ou excluir um elemento ou grupo de elementos de uma vez só.
  • Use as animações de lista de pesquisa quando os resultados refluírem várias vezes um após o outro, por exemplo, ao usar uma pesquisa rápida em um filtro de pesquisa.
  • Não use as animações de lista para exibir ou remover um contêiner. Essas animações são para membros de uma coleção ou conjunto que já esteja sendo exibido. Use uma das animações pop-up para mostrar ou ocultar um contêiner transitório sobre a superfície do aplicativo. Use as animações de transição de conteúdo para exibir ou substituir um contêiner que faça parte da superfície do aplicativo.
  • Não use as animações de lista em um conjunto inteiro de itens. Use as animações de transição de conteúdo para adicionar ou remover uma coleção inteira em seu contêiner.

Tópicos relacionados

Para designers
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 clique de ponteiro
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 (XAML)
Animando sua interface do usuário
Animando adições e exclusões de lista
Guia de início rápido: Animando sua interface do usuário usando as animações da biblioteca
AddDeleteThemeTransition
Para desenvolvedores (HTML)
Exemplo da biblioteca de animação em HTML
Animando sua interface do usuário
Animando adições e exclusões de lista
createAddToListAnimation
createDeleteFromListAnimation
createAddToSearchListAnimation
createDeleteFromSearchListAnimation

 

 

Mostrar:
© 2015 Microsoft