How to Make Facebook's App New Menu on Android

How to make Facebook's app new menu on Android?

I was looking for implementing the same thing and I came up with a solution that is good enough (or maybe is really near what they have done).

So what I did was a single FrameLayout with both of the Layouts stacked together and then I just animate the top layout to slide to the right of the screen (just need to call the slideTo or scrollBy. And basically it's that! Quite simple and effective!

EDIT:

I've answered to a similar question here with some code samples, enjoy =): Click here

Shift the screen to right on click of menu; like facebook

This UI Pattern is currently being referred to as Side Navigation and discussed in some detail here:

http://www.androiduipatterns.com/2012/06/emerging-ui-pattern-side-navigation.html

The article also links to several projects that have implemented this navigation:

https://github.com/korovyansk/android-fb-like-slideout-navigation

https://github.com/darvds/RibbonMenu

https://bitbucket.org/jfeinstein10/slidingmenu/overview

https://github.com/Gregadeaux/android-fly-in-app-navigation

It is worth reading the article for its discussion about the issues with this kind of navigation also, though.

the Navigation that facebook app is using

You have two good options.

1. Navigation Drawer: http://developer.android.com/design/patterns/navigation-drawer.html
2. Sliding Drawer: https://github.com/jfeinstein10/SlidingMenu

You can make multiple navigation drawers for your use case.

iOS Facebook Slide Menu for Android

This was discussed just a few days after you placed your question, here on stackoverflow. Check out this and this question for more information.

---

Related Topics