Transiciones List Pagination
Actualizado hace más de una semana

Scopes de Transición

Para las transiciones de List Pagination, los elementos que se pueden orquestar juntos después de un cambio de página, son todos los elementos que son descendientes de la Dynamic Content List que activa ese evento de paginación.

Cuando selecciona un List Item o cualquiera de sus elementos secundarios, el Árbol de Transición los mostrará todos, incluido el List Item.

Fases de transición y tiempo

Las fases aquí se referirán a los elementos de Entrada y Salida. Esto significa que cuando se activa una paginación, los List Items dibujados en ese momento abandonarán la escena y entrarán los nuevos con nuevos datos y valores.

Ten en cuenta que, a diferencia de las Transiciones Overlay IN / OUT —donde una fase comienza después de que finaliza la otra—, en las Transiciones Paginations las dos fases se reproducirán al mismo tiempo, es decir: los elementos actuales se irán mientras los nuevos elementos entran.

Este comportamiento te permite crear animaciones superpuestas en el caso que desees hacerlo. Y si deseas que los elementos actuales terminen de salir de la escena antes de que aparezcan los nuevos, es solo cuestión de dar más delay a los nuevos.

Para facilitar este tipo de sincronización, encontrarás que al alternar entre fases, las animaciones de la fase actual se mostrarán normalmente y las animaciones de la otra fase se mostrarán en un estilo de piel de cebolla, con un contraste más bajo y una línea discontinua. contorno. Esto será útil como referencia visual para las duraciones y retrasos de toda la transición de Paginación de lista.

Vista previa

Los botones anterior y siguiente de la lista de transiciones de paginación le permiten obtener una vista previa rápida de las animaciones que acaba de editar, activando un cambio de página en la lista que contiene todos esos elementos.

Funciona exactamente como si seleccionas la Lista y juegas con los botones anterior / siguiente sobre su configuración de ciclo.

¿Ha quedado contestada tu pregunta?