Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Animación de transiciones de página (aplicaciones de la Tienda Windows con JavaScript y HTML)

Usa las animaciones de transiciones de página para mostrar la primera página de una aplicación iniciada recientemente o para realizar una transición entre páginas dentro de una aplicación. La nueva página se desliza a su lugar desde un desplazamiento según va realizando el fundido de entrada. El contenido existente realiza un fundido de salida a medida que el nuevo contenido hace un fundido de entrada. La nueva página se divide en regiones y cada región se mueve en la pantalla de forma independiente, con intervalos escalonados. Debes especificar cómo se dividirá la página entrante en regiones.

Este conjunto de animaciones se compone de las siguientes API:

En el vídeo siguiente se muestra la animación que hace que aparezca una página de contenido:

|

En el vídeo siguiente se muestra la animación que hace que desaparezca una página de contenido:

|

Para usar estas animaciones, has de conocer lo siguiente:

  • Los objetos salientes
  • Los objetos entrantes.
  • La distancia y la dirección en que se deslizará el contenido entrante a medida que aparezca.
    • La distancia recomendada es 100 píxeles.
    • La dirección recomendada es la opuesta al sentido de la lectura.

Otros recursos

Consulta el ejemplo sobre el uso de las animaciones de la Biblioteca de animaciones para obtener ejemplos de códigos que muestran el uso de las API de animaciones de transiciones de página.

Consulta Directrices y lista de comprobación para animaciones de transiciones de página para conocer los procedimientos recomendados de diseño para el uso de estas animaciones.

Temas relacionados

Animación de la interfaz de usuario
Animación de transiciones de contenido
enterPage
exitPage

 

 

Mostrar:
© 2018 Microsoft