Animaciones de transición de contenido

Las animaciones de transición de contenido permiten cambiar el contenido de un área de la pantalla manteniendo constantes el contenedor o el fondo. El nuevo contenido aparece gradualmente. Si hay contenido existente que se va a reemplazar, ese contenido desaparece gradualmente.

API importantes: Clase ContentThemeTransition (XAML)

Cosas que hacer y cosas que evitar

  • Use una animación de entrada cuando haya un conjunto de elementos nuevos para introducirlos en un contenedor vacío. Por ejemplo, después de la carga inicial de una aplicación, es posible que parte del contenido de la aplicación no esté disponible inmediatamente para mostrarse. Cuando ese contenido esté listo para mostrarse, use una animación de transición de contenido para hacer aparecer en la vista ese contenido que llega con retraso.
  • Use transiciones de contenido para reemplazar un conjunto de contenido por otro conjunto de contenido que ya reside en el mismo contenedor dentro de una vista.
  • Al introducir contenido nuevo, deslícelo hacia arriba (de abajo a arriba) hasta que aparezca en pantalla, en sentido contrario al flujo general de la página o al orden de lectura.
  • Introduce contenido nuevo de forma lógica, por ejemplo, introduce la parte más importante del contenido en último lugar.
  • Si tiene más de un contenedor cuyo contenido se va a actualizar, desencadene todas las animaciones de transición simultáneamente sin ningún retraso o escalonamiento.
  • No use animaciones de transición de contenido cuando cambie toda la página. En ese caso, use las animaciones de transición de página en su lugar.
  • No use animaciones de transición de contenido si el contenido solo se está actualizando. Las animaciones de transición de contenido están diseñadas para mostrar el movimiento. Para las actualizaciones, use animaciones de atenuación.

Para desarrolladores (XAML)

 

 

  • Last updated on