Cassetto di navigazione (Google+ vs. YouTube)

Qualcuno sa come implementare un menu scorrevole come alcune delle migliori app di oggi?

Altre domande di Stack Overflow non hanno avuto risposte su come farlo, quindi sto cercando di raccogliere quante più informazioni per aiutare gli altri. Tutte le applicazioni che menziono di seguito fanno un ottimo lavoro nell'implementazione del menu a scorrimento.

1. Google Plus (al 7/7/12)

Puoi passare dalla prima alla seconda schermata facendo clic sul logo G + nell'angolo in alto a sinistra. Si noti che l'intero schermo si sposta dalla sua posizione e si spinge verso il lato destro dello schermo (inclusa la barra delle azioni). Per tornare alla prima schermata è possibile far tornare a fuoco il lato destro oppure fare nuovamente clic sull'icona G +.

2. YouTube (al 7/7/12)

Puoi passare dalla prima alla seconda schermata usando due metodi. Fai clic sul logo YouTube in alto a sinistra oppure puoi utilizzare un gesto di scorrimento per spostarlo a destra. Questo è già diverso dall'app G +. In secondo luogo, puoi vedere che la barra delle azioni rimane attiva (a differenza di G +). Infine, per ripristinare lo schermo originale funziona esattamente come G +.

Modifica n. 3:

Il modello del cassetto di navigazione è ufficialmente descritto nella documentazione di Android!

Dai un'occhiata ai seguenti link:

• I documenti di progettazione sono disponibili qui .
• I documenti per gli sviluppatori sono disponibili qui .

Modifica n. 2:

Roman Nurik (un ingegnere di progettazione Android di Google) ha confermato che il comportamento consigliato è di non spostare la barra delle azioni quando si apre il cassetto (come l'app di YouTube). Vedi questo post di Google+ .

Modifica n. 1:

Ho risposto a questa domanda qualche tempo fa, ma sono tornato a sottolineare nuovamente che Prixing ha il miglior menu a comparsa disponibile ... di gran lunga . È assolutamente bellissimo, perfettamente liscio e fa vergognare Facebook, Google+ e YouTube. Anche EverNote è abbastanza buono ... ma non perfetto come Prixing. Dai un'occhiata a questa serie di post su come è stato implementato il menu a comparsa (nientemeno che dallo sviluppatore capo di Prixing stesso!).

Risposta originale:

Adam Powell e Richard Fulcher ne parlano a 49:47 - 52:50 nel di Google I / O intitolato "Navigazione in Android".

Per riassumere la loro risposta, a partire dalla data di pubblicazione, il menu di navigazione slide out non fa ufficialmente parte dello standard di progettazione dell'applicazione Android. Come probabilmente hai scoperto, al momento non esiste alcun supporto nativo per questa funzione, ma si è parlato di renderlo un'aggiunta a una prossima revisione del pacchetto di supporto.

Per quanto riguarda le app YouTube e G +, sembra strano che si comportino diversamente. La mia ipotesi migliore è che il motivo per cui l'app YouTube corregge la posizione della barra delle azioni è,

1. Una delle opzioni di navigazione più importanti per gli utenti che utilizzano l'app YouTube è la ricerca, che viene eseguita nella SearchViewbarra delle azioni. Avrebbe senso rendere statica la barra di azione in questo senso, poiché consentirebbe all'utente di avere sempre la possibilità di cercare nuovi video.

2. L'app G + utilizza a ViewPager per visualizzare il suo contenuto, quindi rendere il menu estraibile specifico per il contenuto del layout (ovvero tutto sotto la barra delle azioni) non avrebbe molto senso. Lo scorrimento dovrebbe fornire un mezzo di navigazione tra le pagine, non un mezzo di navigazione globale. Questo potrebbe essere il motivo per cui hanno deciso di farlo diversamente nell'app G + rispetto all'app YouTube.

   In un'altra nota, controlla l'app Google Play per un'altra versione del "menu estraibile" (quando sei nella parte più a sinistra della pagina, scorri verso sinistra e apparirà un menu "mezza pagina").

Hai ragione nel dire che questo non è un comportamento molto coerente, ma non sembra che ci sia un consenso al 100% all'interno del team di Android su come questo comportamento debba ancora essere implementato. Non sarei sorpreso se in futuro le app fossero aggiornate in modo tale che la navigazione in entrambe le app fosse identica (sembravano molto desiderosi di rendere la navigazione coerente in tutte le app create da Google durante la conversazione).

Proprio di recente ho biforcato un progetto Github in corso chiamato "RibbonMenu" e l'ho modificato in base alle mie esigenze:

https://github.com/jaredsburrows/RibbonMenu

Qual è lo scopo

• Facilità di accesso: consente di accedere facilmente a un menu che scorre dentro e fuori
• Facilità di implementazione: aggiorna la stessa schermata utilizzando una quantità minima di codice
• Indipendenza: non richiede librerie di supporto come ActionBarSherlock
• Personalizzazione: facile cambiare colori e menu

Cosa c'è di nuovo

• Modificata l'animazione scorrevole per adattarla alle app di Facebook e Google+
• Aggiunto ActionBar standard (puoi scegliere di usare ActionBarSherlock)
• Usato menuitem per aprire il menu
• Aggiunta la possibilità di aggiornare ListView sull'attività principale
• Aggiunte 2 visualizzazioni di lista al menu, simili alle app di Facebook e Google+
• Aggiunti un AutoCompleteTextView e un pulsante per mostrare esempi di implementazione
• Aggiunto metodo per consentire agli utenti di premere il 'pulsante indietro' per nascondere il menu quando è aperto
• Permette agli utenti di interagire con lo sfondo (ListView principale) e il menu allo stesso tempo, diversamente dalle app di Facebook e Google+!

ActionBar con Menu fuori

ActionBar con Menu out e ricerca selezionata

C'è una grande implementazione NavigationDrawerche segue le linee guida per la progettazione dei materiali di Google (e compatibile fino all'API 10) - La libreria MaterialDrawer (link a GitHub) . Al momento in cui scrivo, maggio 2017, è attivamente supportato.

È disponibile nel repository Maven Central . Impostazione della dipendenza dal grado:

compile 'com.mikepenz:materialdrawer:5.9.1'

Impostazione della dipendenza Maven:

<dependency>
    <groupId>com.mikepenz</groupId>
    <artifactId>materialdrawer</artifactId>
    <version>5.9.1</version>
</dependency>

So che questa è una vecchia domanda, ma la risposta più aggiornata è quella di utilizzare la libreria di progettazione di supporto Android che ti semplificherà la vita.

Personalmente mi piace il navigationDrawer app ufficiale di Google Drive. Funziona e funziona alla grande. Sono d'accordo che il cassetto di navigazione non dovrebbe spostare la barra delle azioni perché è il punto chiave per aprire e chiudere il cassetto di navigazione.

Se stai ancora cercando di ottenere quel comportamento, di recente ho creato un progetto chiamato SherlockNavigationDrawere come puoi immaginare è l'implementazione del Navigatore conActionBarSherlock e funziona per i dispositivi pre Honeycomb. Controllalo:

SherlockNavigationDrawer github