Navigation Drawer pattern design

Question

Google ha appena pubblicato nel proprio blog a post discutendo le best practice per l'implementazione del design dei materiali. Dice:

Se l'app utilizza un cassetto di navigazione, segue le interazioni e lo stile di progettazione dei materiali più recenti (Figura 7). Il cassetto appare davanti alla barra delle applicazioni. Appare anche semitrasparente dietro la barra di stato.

Ma, se si guarda a come è implementato in app come Google Play Store e Inbox di Gmail, il cassetto di navigazione si trova sotto la barra delle azioni (barra degli strumenti).

Tuttavia, applicazioni come Play Edicola e Pushbullet usano il loro cassetto sopra la barra degli strumenti, come raccomandato. Quindi, quale dovrei usare?

Una nota a margine, se dovessi posizionare il cassetto sopra la barra degli strumenti, perché Google ha implementato l'animazione nell'icona dell'hamburger (ActionBarDrawerToggle)?

Answer 1

È necessario utilizzare la versione dalle specifiche materiali e visualizzare il cassetto sinistro sopra la barra.

Il larghezza della NavigationDrawer sulla ricevuti è anche corretto:

La larghezza del navigatore lato è uguale alla larghezza dello schermo meno l'altezza della barra delle operazioni, o in questo caso 56dp dal bordo destro dello schermo.

Cellulare: Width = schermo larghezza - altezza app bar

Desktop: Larghezza massima per la navigazione a sinistra è 400dp. Il nav giusto può variare a seconda del contenuto.

L'animazione mostra anche quando si estrae il cassetto destro, che deve essere visualizzato sotto il cassetto. Inoltre, il tuo cassetto può essere (semi-) traslucido.