Animando transições de página (HTML)

Applies to Windows and Windows Phone

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
Animando transições de conteúdo
enterPage
exitPage

 

 

Mostrar:
© 2014 Microsoft