Linguaggio: HTML | XAML

Animazione delle modifiche relative agli elementi degli elenchi (XAML)

Applies to Windows and Windows Phone

Usa le animazioni degli elenchi per mostrare le modifiche in una raccolta di elementi simili. Le animazioni possono riguardare operazioni di aggiunta e di eliminazione. Queste animazioni offrono una transizione uniforme, visivamente piacevole, per l'entrata o l'uscita di nuovi elementi, consentendo all'utente di capire in modo evidente cosa è accaduto. Durante un'animazione di aggiunta, gli elementi esistenti scorrono in modo da lasciare spazio a quello nuovo. Il nuovo elemento viene quindi inserito con una dissolvenza in entrata durante la quale ne vengono adattate le dimensioni. In un'animazione di eliminazione avviene l'esatto contrario.

L'animazione per l'aggiunta o l'eliminazione è AddDeleteThemeTransition. L'animazione per il riposizionamento di elementi in un elenco è invece ReorderThemeTransition. In genere, puoi inserire AddDeleteThemeTransition e ReorderThemeTransition nello stesso set di animazioni.

Animazioni di aggiunta/eliminazione da un elenco

Usa le animazioni degli elenchi per mostrare l'inserimento o l'eliminazione di voci da una raccolta di voci simili. Queste animazioni si differenziano dalle animazioni di aggiunta/eliminazione da elenchi di ricerca in quanto queste ultime sono leggermente più veloci, dovendo filtrare i risultati della ricerca mentre l'utente immette il termine di ricerca.

È anche disponibile una classe ReorderThemeTransition distinta che puoi applicare se un elemento cambia posizione in un elenco. Viene animata in modo diverso rispetto all'eliminazione di un elemento e alla sua aggiunta in una nuova posizione con le animazioni di eliminazione/aggiunta associate.

Animazioni di aggiunta/eliminazione da un elenco di ricerca

In JavaScript sono disponibili animazioni progettate appositamente per l'aggiunta o l'eliminazione di elementi da un elenco di ricerca. C#, C++ e Microsoft Visual Basic non forniscono queste animazioni specifiche. Usa invece AddDeleteThemeTransition sia per gli elenchi di ricerca che per quelli di altro tipo.

Animazioni di elenchi nel comportamento predefinito dei controlli di Windows Runtime

Altre risorse

Per conoscere le procedure consigliate di progettazione per l'uso di queste animazioni, vedi Linee guida ed elenco di controllo per le animazioni di aggiunta ed eliminazione.

Argomenti correlati

Animazione dell'interfaccia utente
Guida introduttiva: Animazione dell'interfaccia utente con animazioni della libreria
Esempio di animazioni di personalità XAML
Aggiunta di controlli ListView e GridView
AddDeleteThemeTransition
ReorderThemeTransition
ListView
GridView
ListViewItem
GridViewItem

 

 

Mostra:
© 2014 Microsoft