Navigationsschublade (Google+ vs. YouTube)

Kann jemand ein gleitendes Menü wie einige der Top-Apps von heute implementieren?

Andere Stack-Überlauf- Fragen haben noch keine Antworten darauf gefunden, also versuche ich so viele Informationen wie möglich zu sammeln, um anderen zu helfen. Alle Anwendungen, die ich unten erwähne, sind eine großartige Arbeit, um das Dia-Menü zu implementieren.

1. Google Plus (ab 07.07.12)

Google+ Slide-Out-Menü Screenshot

Sie können nur vom ersten Bildschirm zum zweiten Bildschirm wechseln, indem Sie auf das G + Logo in der oberen linken Ecke klicken. Beachten Sie, dass sich der gesamte Bildschirm aus seiner Position bewegt und auf die rechte Seite des Bildschirms (einschließlich der Aktionsleiste) verschoben wird. Um zum ersten Bildschirm zurückzukehren, können Sie entweder die rechte Seite wieder scharfstellen oder Sie können erneut auf das G + -Symbol klicken.

2. YouTube (ab 07.07.12)

Screenshot des YouTube-Slide-Out-Menüs

Sie können mit zwei Methoden vom ersten Bildschirm zum zweiten Bildschirm wechseln. Klicke entweder links oben auf das YouTube-Logo oder wische mit der Wischgeste nach rechts. Dies unterscheidet sich bereits von der G + App. Zweitens können Sie sehen, dass die Aktionsleiste unverändert bleibt (im Gegensatz zu G +). Zu guter Letzt funktioniert der ursprüngliche Bildschirm wie bei G +.

   

Bearbeiten Sie # 3:

Das Navigationsschubladen-Muster ist offiziell in der Android-Dokumentation beschrieben!

Bildbeschreibung hier eingeben Sehen Sie sich die folgenden Links an:

  • Design-Dokumente können hier gefunden werden .
  • Entwickler-Dokumente können hier gefunden werden .

Bearbeiten Sie # 2:

Roman Nurik (ein Android-Entwickler bei Google) hat bestätigt, dass das empfohlene Verhalten darin besteht, die Aktionsleiste beim Öffnen der Schublade nicht zu verschieben (wie in der YouTube App). Sehen Sie sich diesen Google+ Beitrag an .


Bearbeiten Sie # 1:

Ich habe diese Frage vor einer Weile beantwortet, aber ich bin wieder da, um zu betonen, dass Prixing das beste Fly-Out-Menü hat … bei weitem . Es ist absolut schön, vollkommen flüssig und stellt Facebook, Google+ und YouTube in den Schatten. EverNote ist auch ziemlich gut … aber immer noch nicht so perfekt wie Prixing. Schauen Sie sich diese Reihe von Beiträgen an, wie das Flyout-Menü implementiert wurde (von keinem anderen als dem Chefentwickler bei Prixing selbst!).


Ursprüngliche Antwort:

Adam Powell und Richard Fulcher sprechen im Google I / O Talk “Navigation in Android” um 49:47 – 52:50 darüber .

Um ihre Antwort zusammenzufassen, ist das Slide-Out-Navigationsmenü ab dem Datum dieses Beitrags nicht offiziell Teil des Designstandards für Android-Anwendungen. Wie Sie wahrscheinlich festgestellt haben, gibt es derzeit keine native Unterstützung für diese function, aber es wurde darüber gesprochen, diese Erweiterung zu einer bevorstehenden Revision des Supportpakets hinzuzufügen.

In Bezug auf die YouTube- und G + -Apps erscheint es merkwürdig, dass sie sich anders verhalten. Meine beste Vermutung ist, dass der Grund, warum die YouTube App die Position der Aktionsleiste fixiert,

  1. Eine der wichtigsten Navigationsoptionen für Benutzer, die die YouTube-App verwenden, ist die Suche, die in der SearchView in der SearchView . Es würde Sinn machen, die Aktionsleiste in dieser Hinsicht statisch zu machen, da der Benutzer immer die Möglichkeit hätte, nach neuen Videos zu suchen.

  2. Die G + App verwendet einen ViewPager , um ihren Inhalt anzuzeigen. Das Pull-out-Menü für den Layout-Inhalt (dh alles unter der Aktionsleiste) würde daher wenig Sinn ergeben. Swiping soll eine Möglichkeit bieten, zwischen den Seiten zu navigieren, nicht ein Mittel zur globalen Navigation. Dies könnte der Grund sein, warum sie sich in der G + App anders entschieden haben als in der YouTube App.

    In einem anderen Hinweis, sehen Sie sich die Google Play App für eine andere Version des “Pull-Out-Menüs” an (wenn Sie sich auf der linken Seite befinden, wischen Sie nach links und ein Pull-Out-Menü erscheint auf der “halben Seite”).

Sie haben recht, dass dies kein sehr konsistentes Verhalten ist, aber es scheint nicht, dass es im Android-Team einen hundertprozentigen Konsens darüber gibt, wie dieses Verhalten noch implementiert werden sollte. Ich wäre nicht überrascht, wenn die Apps in Zukunft so aktualisiert werden, dass die Navigation in beiden Apps identisch ist (sie schienen sehr daran interessiert zu sein, die Navigation in allen von Google erstellten Apps im Gespräch einheitlich zu gestalten).

Vor kurzem habe ich mir ein aktuelles Github-Projekt namens “RibbonMenu” gegönnt und es an meine Bedürfnisse angepasst:

https://github.com/jaredsburrows/RibbonMenu

Was ist der Zweck

  • Benutzerfreundlichkeit: Ermöglichen Sie einfachen Zugriff auf ein ein- und ausschiebbares Menü
  • Einfache Implementierung: Aktualisieren Sie den gleichen Bildschirm mit minimalem Code
  • Unabhängigkeit: Benötigt keine Support-Bibliotheken wie ActionBarSherlock
  • Anpassung: Einfach colors und Menüs zu ändern

Was gibt’s Neues

  • Die gleitende Animation wurde so geändert, dass sie mit Facebook und Google+ Apps übereinstimmt
  • Standard-ActionBar hinzugefügt (Sie können ActionBarSherlock verwenden)
  • Benutztes Menüelement zum Öffnen des Menüs
  • Möglichkeit, ListView auf Hauptaktivität zu aktualisieren
  • Wie Facebook und Google+ Apps wurden dem Menü 2 ListViews hinzugefügt
  • Es wurde eine AutoCompleteTextView und eine Schaltfläche hinzugefügt, um Beispiele für die Implementierung anzuzeigen
  • Methode hinzugefügt, um es Benutzern zu ermöglichen, die “Zurück-Taste” zu drücken, um das Menü zu verbergen, wenn es geöffnet ist
  • Erlaubt den Benutzern im Gegensatz zu den Facebook- und Google+ Apps gleichzeitig mit dem Hintergrund (Haupt-ListView) und dem Menü zu interagieren!

ActionBar mit Menü aus

ActionBar mit Menü aus

ActionBar mit Menü aus und Suche ausgewählt

ActionBar mit Menü aus und Suche ausgewählt

Es gibt eine großartige Implementierung von NavigationDrawer , die den Google Material Design Guidelines folgt (und bis zu API 10 kompatibel ist) – Die MaterialDrawer-Bibliothek (Link zu GitHub) . Zum Zeitpunkt des Schreibens, Mai 2017, wird es aktiv unterstützt.

Es ist verfügbar in Maven Central Repo . Gradel Abhängigkeitseinstellung:

 compile 'com.mikepenz:materialdrawer:5.9.1' 

Maven-Abhängigkeits-Setup:

     com.mikepenz    materialdrawer    5.9.1  

Bildbeschreibung hier eingebenBildbeschreibung hier eingeben

Ich weiß, dass dies eine alte Frage ist, aber die aktuellste Antwort ist die Verwendung der Android Support Design-Bibliothek , die Ihnen das Leben erleichtern wird.

Persönlich mag ich die navigationDrawer in Google Drive offizielle App. Es funktioniert einfach und funktioniert großartig. Ich stimme zu, dass die Navigationsleiste die Aktionsleiste nicht verschieben sollte, da dies der Schlüssel zum Öffnen und Schließen der Navigationsleiste ist.

Wenn Sie immer noch versuchen, dieses Verhalten zu bekommen, habe ich kürzlich ein Projekt namens SherlockNavigationDrawer und wie Sie vielleicht erwarten, ist die Implementierung des Navigationsschubladens mit ActionBarSherlock und funktioniert für Pre-Honeycomb-Geräte. Prüfen Sie:

SherlockNavigationDrawers github