Windows Dev Center

Linee guida per le animazioni dell'interfaccia utente popup

Usa le animazioni popup per mostrare e nascondere l'interfaccia utente popup, che include menu di scelta rapida e riquadri a comparsa. Gli elementi popup sono contenitori che vengono visualizzati sopra il contenuto dell'app e che scompaiono se l'utente tocca o fa clic all'esterno dell'elemento popup.

Consigli

  • Usa le animazioni popup per mostrare o nascondere elementi dell'interfaccia utente popup personalizzati, come un menu di scelta rapida, un riquadro a comparsa o altri elementi contestuali che non fanno parte della pagina dell'app stessa. La distanza consigliata per lo spostamento dell'elemento popup quando viene visualizzato è 50 pixel. Queste animazioni sono già incorporate nei controlli comuni forniti da Windows.
  • Non usare le animazioni popup per descrizioni comandi o finestre di dialogo. Usa invece le animazioni con dissolvenza per mostrare e nascondere descrizioni comandi o finestre di dialogo personalizzate.
  • Non usare le animazioni popup per mostrare o nascondere l'interfaccia utente all'interno del contenuto principale dell'app. Usa le animazioni popup solo per mostrare o nascondere un contenitore popup che viene visualizzato sopra il contenuto principale dell'app.

Argomenti correlati

Per progettisti
Linee guida per l'aggiunta e l'eliminazione
Linee guida per le animazioni di transizione di contenuto
Linee guida per le animazioni di trascinamento
Linee guida per le animazioni dell'interfaccia utente basata su bordi
Linee guida per le animazioni con dissolvenza
Linee guida per le animazioni di transizione di pagina
Linee guida per le animazioni dei puntatori
Linee guida per le animazioni di riposizionamento
Linee guida per le animazioni con scorrimento
Per sviluppatori (XAML)
Animazione dell'interfaccia utente
Animazione dell'interfaccia utente popup
Guida introduttiva: Animazione dell'interfaccia utente con le animazioni della libreria
PopInThemeAnimation class
PopOutThemeAnimation class
PopupThemeTransition class
Per sviluppatori (HTML)
Esempio di libreria delle animazioni HTML
Animazione dell'interfaccia utente
Animazione dell'interfaccia utente popup
WinJS.UI.Animation.showPopup function
WinJS.UI.Animation.hidePopup function

 

 

Mostra:
© 2015 Microsoft