Idioma: HTML | XAML

Animación de cambios de elementos de lista (XAML)

Applies to Windows and Windows Phone

Usa las animaciones de lista para mostrar cambios en una colección de elementos similares, que incluyen las animaciones de adición y eliminación. Estas animaciones ofrecen una transición visual suave para la entrada o salida de los elementos nuevos, así lo que sucede resulta claro y obvio para el usuario. Durante una animación de "adición", los elementos existentes se apartan para dejar espacio al nuevo elemento. El elemento nuevo aparece en el espacio y se amplía según lo hace. En una animación de "eliminación" sucede lo contrario.

La animación de adición o de eliminación es AddDeleteThemeTransition. La animación para los elementos que cambian de posición en una lista es ReorderThemeTransition. Por lo general, tanto AddDeleteThemeTransition como ReorderThemeTransition se colocan en el mismo conjunto de animaciones.

Animaciones de agregar o eliminar en lista

Usa las animaciones de listas para mostrar la inserción o eliminación de elementos en una colección de elementos similares. Estas animaciones difieren de las animaciones agregar o eliminar de listas de búsqueda porque las animaciones de búsqueda son algo más rápidas para hacer sitio a los resultados de las búsquedas filtradas mientras el usuario especifica el término de búsqueda.

También hay una animación ReorderThemeTransition independiente que se aplica si cambia la posición de un elemento en una lista. Este comportamiento animado es diferente del de las animaciones de eliminación y adición que eliminan un elemento y luego lo agregan en otro lugar.

Animaciones Agregar/Eliminar en las listas de búsqueda

Si trabajas en JavaScript, puedes usar animaciones específicamente diseñadas para agregar o eliminar elementos de una lista de elementos buscados. C#, C++ y Microsoft Visual Basic no proporcionan estas otras animaciones. En su lugar, usa AddDeleteThemeTransition para listas de búsqueda y no búsqueda.

Animaciones de lista en comportamientos de controles de Windows en tiempo de ejecución predeterminados

Otros recursos

Consulta las directrices y lista de comprobación para animaciones de agregar o eliminar para conocer los procedimientos recomendados de diseño para el uso de estas animaciones.

Temas relacionados

Animación de la interfaz de usuario
Inicio rápido: animación de la interfaz de usuario con animaciones de la biblioteca
Muestra de animaciones de personalidad XAML
Agregar controles ListView y GridView
AddDeleteThemeTransition
ReorderThemeTransition
ListView
GridView
ListViewItem
GridViewItem

 

 

Mostrar:
© 2014 Microsoft