Compartir a través de

Animaciones de transición de contenido

  • Artículo

Las animaciones de transición de contenido permiten cambiar el contenido de un área de la pantalla mientras mantiene el contenedor o constante de fondo. El nuevo contenido se atenua. Si hay contenido existente que se va a reemplazar, ese contenido se atenua.

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 llevar ese contenido en tiempo de espera a la vista.
  • 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 incorporar contenido nuevo, deslice ese contenido (de abajo a arriba) en la vista en el flujo de página general o en 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)