Animazione delle transizioni di pagina (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 di transizione di pagina per visualizzare la prima pagina di un'app appena avviata o durante la transizione da una pagina all'altra all'interno di un'app. La nuova pagina entra nello schermo da un offset con un effetto di dissolvenza in entrata. Il contenuto esistente scompare con un effetto di dissolvenza in uscita mentre il nuovo contenuto appare con un effetto di dissolvenza in entrata. La nuova pagina viene suddivisa in aree e ogni area si sposta sullo schermo separatamente, a intervalli scaglionati. Devi specificare il modo in cui la pagina in entrata viene suddivisa in aree.

Questo insieme di animazioni include le API seguenti:

Il video seguente mostra l'animazione che rende visibile una pagina di contenuto:

Il video seguente mostra l'animazione che rimuove una pagina di contenuto dalla vista:

Per usare queste animazioni, devi conoscere:

  • Gli oggetti in uscita.
  • Gli oggetti in entrata.
  • La distanza da e la direzione verso la quale entra il nuovo contenuto.
    • La direzione consigliata è la direzione opposta all'ordine di lettura.

Altre risorse

Per esempi di codice che illustrano l'uso delle API per l'animazione delle transizioni di pagina, vedi l'esempio relativo alla libreria di animazioni HTML.

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

Argomenti correlati

Animazione dell'interfaccia utente

Animazione delle transizioni di contenuto

enterPage

exitPage