Animando transições de página (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 página para exibir a primeira página de um aplicativo recém-iniciado ou para fazer a transição entre páginas em um aplicativo. A nova página desliza até a posição a partir de um deslocamento enquanto aparece gradualmente (fade in). O conteúdo existente desaparece gradualmente (fade out) à medida que o novo conteúdo aparece. A nova página é dividida em regiões, e cada região move-se para dentro da tela separadamente, com temporização escalonada. Você especifica como a página de entrada é dividida em regiões.
Este conjunto de animações consiste nas seguintes APIs:
O vídeo a seguir demonstra a animação que insere uma página de conteúdo na exibição:
O vídeo a seguir demonstra a animação que remove uma página de conteúdo da exibição:
Para usar essas animações, você precisará saber estas informações:
- Os objetos de saída.
- Os objetos de entrada.
- A distância e a direção para a qual o conteúdo será deslizado quando for inserido.
- A direção recomendada é a oposta da ordem de leitura.
Outros recursos
Veja a amostra da biblioteca de animação HTML para obter exemplos de código que demonstram o uso das APIs de animação de transição de página.
Veja Diretrizes e lista de verificação para animações de transição de página para obter as práticas recomendadas de design no uso dessas animações.
Tópicos relacionados
Animando sua interface do usuário