Animando transições de conteúdo e entrada (HTML)
[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente]
Use animações de transição de conteúdo para mudar o conteúdo de uma área da tela, sem modificar o contêiner ou o plano de fundo. O conteúdo novo que chega à tela desliza a partir de um deslocamento e aparece gradualmente (fade in). Caso haja um conteúdo para ser substituído, o conteúdo antigo desaparecerá gradualmente (fade out) à medida que o novo conteúdo é recebido. Você pode usar essa técnica no caso de navegação em tela dividida, em que o usuário vê uma lista e um modo de exibição detalhado. Animações de transição de conteúdo também trazem conteúdo na exibição que é carregada depois do restante de uma página, quando ocorrem as transições entre páginas.
Este conjunto de animações consiste nas seguintes funções:
O vídeo a seguir demonstra essas animações, removendo o conteúdo existente e trazendo depois o novo conteúdo para a exibição:
Observe que o conteúdo original e o conteúdo substituto não precisam ter o mesmo layout ou tamanho.
Para usar as APIs de transição de conteúdo, você precisará saber estas informações:
- Os objetos de saída.
- Os objetos de entrada.
- A distância e a direção na qual o conteúdo será deslizado quando for inserido.
Outros recursos
Para obter exemplos de código que demonstram o uso de funções de animação de transição de conteúdo, consulte o Exemplo de biblioteca de animação HTML.
Para obter práticas recomendadas no uso dessas animações, consulte Diretrizes e lista de verificação para animações de transição de conteúdo.