409 votes

Navigation Tiroir (Google+ vs YouTube)

Personne ne sait comment mettre en œuvre un glissement de menu comme certains des meilleurs applications d'aujourd'hui?

D'autres Débordement de Pile questions n'ai pas eu de réponses sur la façon de le faire, donc je vais essayer de rassembler autant d'informations pour aider les autres. Toutes les applications que je mentionne ci-dessous font un excellent travail de mise en œuvre de la diapositive menu.

1. Google Plus (comme de 7/7/12)

Google+ slide out menu screenshot

Vous ne pouvez aller à partir de l'écran de la première à la deuxième écran en cliquant sur le G+ logo dans le coin supérieur gauche. Notez que la totalité de l'écran se déplace de sa position et se poussa sur le côté droit de l'écran (y compris la barre d'action). Pour revenir au premier écran, vous pouvez soit faire glisser le côté droit de retour dans le foyer ou vous pouvez cliquer sur le G+ icône de nouveau.

2. YouTube (7/7/12)

YouTube slide out menu screenshot

Vous pouvez aller à partir de l'écran de la première à la deuxième écran à l'aide de deux méthodes. Cliquez sur le logo YouTube en haut à gauche, ou vous pouvez utiliser un mouvement de balayage pour le déplacer vers la droite. C'est déjà différent de G+ app. Deuxièmement, vous pouvez voir que la barre d'action reste en place (à la différence de G+). Enfin, pour obtenir l'écran d'origine de retour, il fonctionne exactement comme G+.

Apps

Si vous souhaitez faire l'expérience de ce qu'est une belle glissade menu ressemble à télécharger:

  1. Prixing
  2. Evernote
  3. Spotify

154voto

Alex Lockwood Points 31578

Edit #3:

Le Tiroir de Navigation modèle est officiellement décrite dans l'Android de documentation!

enter image description here Consultez les liens suivants:

  • Conception docs peuvent être trouvés ici.
  • Développeur docs peuvent être trouvés ici.

Edit #2:

Roman Nurik (un modèle Android ingénieur chez Google) a confirmé que l'a recommandé le comportement est de ne pas déplacer la Barre d'Action lors de l'ouverture du tiroir (comme l'application YouTube). Voir ce poste Google+ .


Edit #1:

J'ai répondu à cette question il y a longtemps, mais je suis de retour à nouveau sur le fait que Prixing a le meilleur menu contextuel de la... de loin. C'est absolument magnifique, parfaitement lisse, et il met sur Facebook, Google+, YouTube et à la honte. EverNote est très bonne aussi... mais toujours pas aussi parfait que Prixing. Découvrez cette série de billets sur la façon dont le menu déroulant a été mis en œuvre (à partir de rien d'autre que le développeur de tête à Prixing lui-même!).


Réponse Originale À Cette Question:

Adam Powell et Richard Fulcher parler de ce à 49:47 - 52:50 dans la Google I/O exposé intitulé "Navigation dans Android".

Pour résumer leur réponse, à compter de la date de la présente publication, le coulissant menu de navigation est pas officiellement partie de l'application Android de conception standard. Comme vous l'avez probablement découvert, il n'y a actuellement pas de support natif pour cette fonction, mais il n'y avait parler de ce qui en fait un ajout à une prochaine révision de la trousse de soutien.

En ce qui concerne la YouTube et G+ apps, c'est étrange qu'ils se comportent différemment. Ma meilleure supposition est que la raison de l'application YouTube corrige la position de la barre d'action est,

  1. L'un des plus importants de navigation options pour les utilisateurs à l'aide de l'application YouTube est la recherche qui est effectuée dans l' SearchView dans la barre d'action. Il serait judicieux de faire de la barre d'action statique à cet égard, puisqu'elle permettrait à l'utilisateur de toujours avoir l'option de recherche pour de nouvelles vidéos.

  2. Le G+ application utilise un ViewPager pour afficher son contenu, afin de faire de la sortir de menu spécifique pour la mise en page du contenu (c'est à dire tout ce qui est sous la barre d'action) ne serait pas beaucoup de sens. Le balayage est censé fournir un moyen de naviguer entre les pages, pas un moyen de la navigation mondiale. Cela explique peut-être pourquoi ils ont décidé de faire les choses différemment dans le G+ app qu'ils l'ont fait dans l'application YouTube.

    Sur une autre note, découvrez l'application Google Play pour une autre version de la "sortir du menu" (quand vous êtes au plus à gauche de la page, balayez vers la gauche et sortez-le, "une demi-page" menu apparaît).

Vous avez raison, en ce que ce n'est pas très cohérent comportement, mais il ne semble pas comme il y a 100% de consensus au sein de l'Android de l'équipe sur la façon dont ce comportement doit encore être mis en œuvre. Je ne serais pas surpris si dans l'avenir, les applications sont mises à jour, de sorte que la navigation dans les deux applications sont identiques (ils semblaient très désireux de faire de la navigation cohérente à travers toutes les Google-faites applications dans le discours).

24voto

Erik B Points 999

Cette bibliothèque open source doit absolument être une réponse ici!

https://github.com/jfeinstein10/SlidingMenu

Et le Play Store de Démonstration

Fonctionne très bien et est très extensible.

15voto

Jared Burrows Points 3932

Tout récemment, j'ai fourche actuellement un projet Github appelé "RibbonMenu" et modifié pour l'adapter à mes besoins:

https://github.com/jaredsburrows/RibbonMenu

Quel est le But

  • Facilité d'Accès: faciliter l'accès à un menu qui se glisse dans et hors
  • Facilité de mise en Œuvre: mise à Jour de l'écran même en utilisant une quantité minimale de code
  • Indépendance: Ne nécessite pas de support des bibliothèques comme ActionBarSherlock
  • Personnalisation: Facile à changer les couleurs et les menus

Ce qui est Nouveau

  • Changé le glissement de l'animation pour correspondre à Facebook et Google apps
  • Ajouté standard ActionBar (vous pouvez choisir d'utiliser ActionBarSherlock)
  • Utilisé menuitem pour ouvrir le Menu
  • Ajout de la possibilité de mettre à jour ListView sur les Activités principales
  • Ajout de 2 ListViews au Menu, semblable à Facebook et Google apps
  • Ajout d'un AutoCompleteTextView et un Bouton de montrer des exemples de mise en oeuvre
  • Ajout de la méthode pour autoriser les utilisateurs à cliquer sur le "bouton retour" pour masquer le menu lorsqu'il est ouvert
  • Permet aux utilisateurs d'interagir avec l'arrière-plan principal(ListView) et le menu en même temps, contrairement à la Facebook et Google+ apps!

ActionBar avec Menu

ActionBar with Menu out

ActionBar avec Menu et de recherche sélectionné

ActionBar with Menu out and search selected

4voto

Megamind Points 800

Si vous les gars à la recherche pour le tutoriel, android ruche tutoriel est assez bonne ! http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/

Espérons que cela aidera les débutants comme moi !

enter image description here

4voto

redGREENblue Points 1096

Il existe plusieurs bibliothèques pour mettre en oeuvre un système de navigation tiroir. Ici est une liste de.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X