Animazione delle transazioni di contenuto e in ingresso (HTML)
[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]
Usa le animazioni delle transizioni di contenuto per cambiare il contenuto di un'area dello schermo mantenendo invariato il contenitore o lo sfondo. Il nuovo contenuto entra nello schermo da un offset con un effetto di dissolvenza in entrata. Se esiste del contenuto da sostituire, il vecchio contenuto scompare con un effetto di dissolvenza in uscita mentre entra il nuovo contenuto. Puoi usare questo effetto in caso di spostamento su schermo diviso, dove all'utente vengono mostrati un elenco e una visualizzazione dettagliata. Le animazioni delle transizioni di contenuto consentono inoltre di visualizzare contenuti che vengono caricati dopo il resto di una pagina, quando l'app effettua la transizione da una pagina all'altra.
Questo insieme di animazioni include le funzioni seguenti:
Il video seguente mostra queste animazioni che rimuovono il contenuto esistente e quindi rendono visibile quello nuovo:
Nota che il contenuto originale e il contenuto sostitutivo non devono necessariamente avere lo stesso layout o le stesse dimensioni.
Per usare le API di transizione di contenuto, devi conoscere:
- Gli oggetti in uscita.
- Gli oggetti in entrata.
- La distanza da e la direzione verso la quale entra il nuovo contenuto.
Altre risorse
Per gli esempi di codice che dimostrano l'uso delle funzioni di animazione della transizione del contenuto, vedi l'esempio relativo alla libreria di animazioni HTML.
Per le best practice di progettazione relative all'uso di queste animazioni, vedi le Linee guida ed elenco di controllo per le animazioni di transizione di contenutos.
Argomenti correlati
Animazione dell'interfaccia utente