Animazioni dell'interfaccia utente basate su Edge

  • Articolo

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.

    illustra quando usare le animazioni dell'interfaccia utente perimetrale o del pannello e quando usare il riposizionamento.

Per gli sviluppatori