Animazioni dell'interfaccia utente basate su Edge
Le animazioni basate su edge mostrano o nascondono l'interfaccia utente che ha origine dal bordo dello schermo. Le azioni show e hide possono essere avviate dall'utente o dall'app. L'interfaccia utente può sovrapporre l'app o far parte dell'area principale dell'app. Se l'interfaccia utente fa parte dell'area dell'app, potrebbe essere necessario ridimensionare il resto dell'app per adattarlo.
API importanti: Classe EdgeUIThemeTransition
Cosa fare e cosa non fare
Usa animazioni dell'interfaccia utente perimetrale per visualizzare o nascondere un messaggio personalizzato o una barra degli errori che non si estende fino alla schermata.
Usa le animazioni del pannello per mostrare all'interfaccia utente che scorre una distanza significativa sullo schermo, ad esempio un riquadro attività o una tastiera soft personalizzata.
Scorrere l'interfaccia utente in dallo stesso bordo a cui verrà collegato.
Far scorrere l'interfaccia utente allo stesso bordo da cui proviene.
Se il contenuto dell'app deve essere ridimensionato in risposta allo scorrimento o all'uscita dell'interfaccia utente, usare le animazioni di dissolvenza per il ridimensionamento.
- Se l'interfaccia utente è scorrevole, usa un'animazione dissolvenza dopo l'animazione dell'interfaccia utente o del pannello perimetrale.
- Se l'interfaccia utente è scorrevole, usa un'animazione dissolvenza contemporaneamente all'interfaccia utente perimetrale o all'animazione del pannello.
Non applicare queste animazioni alle notifiche. Le notifiche non devono essere ospitate all'interno dell'interfaccia utente basata su edge.
Non applicare l'interfaccia utente perimetrale o le animazioni del pannello a qualsiasi contenitore o controllo dell'interfaccia utente che non si trova al bordo dello schermo. Queste animazioni vengono usate solo per visualizzare, ridimensionare e chiudere l'interfaccia utente ai bordi dello schermo. Per spostare altri tipi di interfaccia utente, usa le animazioni di riposizionamento.
Articoli correlati
Per gli sviluppatori
- Panoramica delle animazioni
- Animazione dell'interfaccia utente basata su bordi
- Guida introduttiva: Animazione dell'interfaccia utente tramite animazioni di libreria
- Classe EdgeUIThemeTransition
- Classe PaneThemeTransition
- Dissolvenze animate
- Animazioni di riposizionamento