Animações de transição de conteúdo

As animações de transição de conteúdo permitem alterar o conteúdo de uma área da tela, mantendo o contêiner ou o plano de fundo constantes. O novo conteúdo desaparece. Se houver conteúdo existente a ser substituído, esse conteúdo desaparecerá.

APIs importantes: classe ContentThemeTransition (XAML)

O que fazer e o que não fazer

  • Use uma animação de entrada quando houver um conjunto de novos itens para colocar em um contêiner vazio. Por exemplo, após a carga inicial de um aplicativo, parte do conteúdo do aplicativo pode não estar disponível imediatamente para exibição. Quando esse conteúdo estiver pronto para ser mostrado, use uma animação de transição de conteúdo para trazer esse conteúdo atrasado para a exibição.
  • Use transições de conteúdo para substituir um conjunto de conteúdo por outro conjunto de conteúdo que já reside no mesmo contêiner em um modo de exibição.
  • Ao inserir um novo conteúdo, deslize esse conteúdo para cima (de baixo para cima) na tela, em sentido contrário ao fluxo geral da página ou à ordem de leitura.
  • Introduza um novo conteúdo de maneira lógica, por exemplo, introduza a parte mais importante do conteúdo por último.
  • Se você tiver mais de um contêiner cujo conteúdo deve ser atualizado, dispare todas as animações de transição simultaneamente, sem nenhum escalonamento nem atraso.
  • Não use animações de transição de conteúdo quando a página inteira estiver sendo alterada. Nesse caso, use as animações de transição de página.
  • Não use animações de transição de conteúdo se o conteúdo estiver apenas sendo atualizado. Animações de transição de conteúdo são destinadas a mostrar movimento. Para atualizações, use animações de fade.

Para desenvolvedores (XAML)

 

 

  • Last updated on