it-swarm.com.de

Navigationsleiste (Google+ vs. YouTube)

Weiß jemand, wie man ein Schiebemenü wie einige der Top-Apps von heute implementiert?

Andere Stapelüberläufe Fragen Ich habe keine Antworten auf diese Fragen erhalten, daher versuche ich, so viele Informationen wie möglich zu sammeln, um anderen zu helfen. Alle Anwendungen, die ich unten erwähne, leisten hervorragende Arbeit bei der Implementierung des Folienmenüs.

1. Google Plus (Stand 07.07.12)

Google+ slide out menu screenshot

Sie können nur vom ersten zum zweiten Bildschirm wechseln, indem Sie auf das G + -Logo in der oberen linken Ecke klicken. Beachten Sie, dass der gesamte Bildschirm von seiner Position abweicht 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 in den Fokus schieben oder erneut auf das G + -Symbol klicken.

2. YouTube (Stand 07.07.12)

YouTube slide out menu screenshot

Sie können auf zwei Arten vom ersten zum zweiten Bildschirm wechseln. Klicken Sie entweder oben links auf das YouTube-Logo oder bewegen Sie es mit einer Wischgeste nach rechts. Dies unterscheidet sich bereits von der G + App. Zweitens können Sie sehen, dass die Aktionsleiste gesetzt bleibt (im Gegensatz zu G +). Um den ursprünglichen Bildschirm wiederherzustellen, funktioniert es genau wie G +.

397
EGHDK

Edit # 3:

Das Navigationsschubladenmuster ist offiziell in der Android Dokumentation!

enter image description here Schauen Sie sich die folgenden Links an:

  • Design docs finden Sie hier.
  • Entwicklerdokumente finden Sie hier.

Bearbeiten Sie # 2:

Roman Nurik (ein Android Konstrukteur bei Google)) hat bestätigt, dass das empfohlene Verhalten darin besteht, die Aktionsleiste beim Öffnen der Schublade nicht zu verschieben (wie bei der YouTube-App). Siehe dies Google+ Post .


Bearbeiten Sie # 1:

Ich habe diese Frage vor einiger Zeit beantwortet, aber ich möchte noch einmal betonen, dass Prixing das beste Flyout-Menü bietet ... bei weitem . Es ist absolut schön, perfekt glatt und es beschämt Facebook, Google+ und YouTube. EverNote ist auch ziemlich gut ... aber immer noch nicht so perfekt wie Prixing. Lesen Sie in dieser Reihe von Beiträgen , wie das Flyout-Menü implementiert wurde (von keinem anderen als dem Chefentwickler unter Prixing selbst!).


Ursprüngliche Antwort:

Adam Powell und Richard Fulcher sprechen darüber um 49:47 - 52:50 im Google I/O Talk mit dem Titel "Navigation in Android".

Um ihre Antwort zusammenzufassen: Ab dem Datum dieser Veröffentlichung ist das Slide-Out-Navigationsmenü nicht offiziell Teil des Android Anwendungsdesign-Standards. Wie Sie wahrscheinlich haben Es wurde festgestellt, dass diese Funktion derzeit nicht von Haus aus unterstützt wird. Es wurde jedoch darüber gesprochen, sie zu einer der nächsten Überarbeitungen des Support-Pakets hinzuzufügen.

In Bezug auf die YouTube- und G + -Apps scheint es merkwürdig, dass sie sich unterschiedlich verhalten. Ich vermute, der Grund, warum die YouTube-App die Position der Aktionsleiste festlegt, ist:

  1. Eine der wichtigsten Navigationsoptionen für Nutzer der YouTube-App ist die Suche, die in der Aktionsleiste unter SearchView ausgeführt wird. In diesem Zusammenhang ist es sinnvoll, die Aktionsleiste statisch zu machen, da der Benutzer immer nach neuen Videos suchen kann.

  2. Die G + App verwendet ein ViewPager, um den Inhalt anzuzeigen. Daher ist es wenig sinnvoll, das Pull-out-Menü speziell für den Layout-Inhalt (d. H. Alles unter der Aktionsleiste) zu definieren. Das Streichen soll eine Möglichkeit zum Navigieren zwischen Seiten bieten, keine Möglichkeit zur globalen Navigation. Dies könnte der Grund sein, warum sie beschlossen haben, dies in der G + -App anders zu machen als in der YouTube-App.

    Schauen Sie sich in der Google Play-App eine andere Version des "Pull-Out-Menüs" an (wenn Sie sich ganz links befinden, streichen Sie nach links und ein Pull-Out-Menü mit einer halben Seite wird angezeigt).

Sie haben Recht damit, dass dies kein sehr konsistentes Verhalten ist, aber es scheint nicht, dass im Android) - Team ein 100% iger Konsens darüber besteht, wie dieses Verhalten noch implementiert werden sollte Es würde mich nicht wundern, 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 in der Diskussion einheitlich zu gestalten).

152
Alex Lockwood

Erst kürzlich habe ich ein aktuelles Github-Projekt namens "RibbonMenu" gespalten und es an meine Bedürfnisse angepasst:

https://github.com/jaredsburrows/RibbonMen

Was ist der Zweck

  • Einfacher Zugriff: Ermöglichen Sie den einfachen Zugriff auf ein Menü, das ein- und ausgeblendet wird
  • Einfache Implementierung: Aktualisieren Sie denselben Bildschirm mit minimalem Code
  • Unabhängigkeit: Benötigt keine Unterstützungsbibliotheken wie ActionBarSherlock
  • Anpassung: Einfach zu ändern, Farben und Menüs

Was gibt's Neues

  • Die Schiebeanimation wurde so geändert, dass sie mit Facebook- und Google+ Apps übereinstimmt
  • Standard-ActionBar hinzugefügt (Sie können ActionBarSherlock verwenden)
  • Menüpunkt zum Öffnen des Menüs
  • Möglichkeit hinzugefügt, ListView bei Hauptaktivität zu aktualisieren
  • Dem Menü wurden 2 ListViews hinzugefügt, ähnlich wie bei Facebook und Google+ Apps
  • AutoCompleteTextView und Button hinzugefügt, um Beispiele für die Implementierung anzuzeigen
  • Es wurde eine Methode hinzugefügt, mit der Benutzer auf die Schaltfläche "Zurück" klicken können, um das Menü auszublenden, wenn es geöffnet ist
  • Ermöglicht Benutzern die gleichzeitige Interaktion mit dem Hintergrund (Haupt-ListView) und dem Menü im Gegensatz zu den Apps Facebook und Google+!

ActionBar mit Menü aus

ActionBar with Menu out

ActionBar mit ausgewähltem Menü und ausgewählter Suche

ActionBar with Menu out and search selected

15
Jared Burrows

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 . Gradle-Abhängigkeits-Setup:

compile 'com.mikepenz:materialdrawer:5.9.1'

Maven-Abhängigkeits-Setup:

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

enter image description hereenter image description here

5
naXa

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

2
Sotti

Persönlich mag ich die navigationDrawer in der offiziellen App von Google Drive. Es funktioniert einfach und funktioniert großartig. Ich bin damit einverstanden, dass die Navigationsschublade die Aktionsleiste nicht verschieben sollte, da dies der Schlüssel zum Öffnen und Schließen der Navigationsschublade ist.

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

SherlockNavigationDrawer Github

2
Nicolas Jafelle