38 votes

Comment faire le nouveau menu de l'application Facebook sur Android?

Double Possible:
Android facebook de style diapositive

Récemment, Facebook a publié une nouvelle version de son application Android qui dispose d'une navigation améliorée. Une principale nouveauté est le nouveau menu (qui existait déjà sur la version iOS):

enter image description here

En cliquant sur le bouton home de la Barre d'Action, ce menu glisse de gauche à droite, cachant la principale activité qui n'est plus accessible.

Comment pensez-vous de ce menu a été faite? Pensez-vous qu'ils ont joué avec l' SlidingDrawer ou est-ce autre chose comme un ViewPager?

Merci!

MODIFIER

Il n'y a aucun moyen qu'il pourrait être l'un des deux (ViewPager ou SlidingDrawer). Ce n'est pas le menu qui glisse, c'est l'écran principal qui se déplace de loin pour ne laisser qu'une infime partie de celui-ci sur l'écran. C'est comme si le menu était déjà derrière l'écran principal et qu'il vient d'être découvert. Et deuxième chose, on peut toujours interagir avec l'écran principal (sinon je l'aurais supposé que ils ont pris une capture d'écran afin de couper une petite partie du pour composer ce point de vue).

4voto

Abhinav Points 10339

Presque tout sauf les parties prenant des photos se trouve dans une vue Web dans la nouvelle application FB. Je n'ai trouvé aucun contrôle natif de l'interface utilisateur Android dans le flux ou les listes.

Faire le même effet en utilisant Javascript / HTML / CSS devrait être assez facile, je pense.

Décompiler l'apk donnerait une meilleure idée.

3voto

baen Points 381

J'ai été à la recherche pour la mise en œuvre de la même chose et je suis venu avec une solution qui est assez bon (ou peut-être est vraiment proche de ce qu'ils ont fait).

Donc, ce que j'ai fait était d'un seul FrameLayout avec à la fois des Mises en page empilés et puis je viens d'animer le sommet de la maquette à la glisser vers la droite de l'écran (juste besoin d'appeler le slideTo ou scrollBy. Et en gros c'est ça! Assez simple et efficace!

EDIT:

J'ai répondu à une question similaire ici avec des exemples de code, profiter =): Cliquez ici

2voto

user1384812 Points 37

Vous pouvez construire ce style d'application en utilisant javascript, HTML5 et CSS3, comme le montre cette petite bibliothèque "jbackbone-mobile", https://github.com/mjromper/jbackbone-mobile

et voir cette démo depuis n'importe quel navigateur (appareil ou bureau) http://lab.ochio.com.es/jbackbone/index.html

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