Android - How to Make Slide Menu Like Facebook, Spotify and Google +

Android creating a Spotify like slider menu

You dont need to re-invent a view or do anything fancy to get this functionality. Its called SlidingDrawer and is already available in the framework. Read this and this or watch this video.

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.

what are the steps to implement the slide menu in android or there are any codes

  • In the layout file of your activity use Relative layout as root layout.
  • At the bottom of the layout file before closing the root write the View/layoutof your slide menu. Writing at bottom keeps the menu on top of other views.
  • Keep the visiblity of the slide menu layout GONE so that its initially not visible
  • On click of a button on screen animate the slide menu into screen making it visible in onStart() of the animation that brings it in (You can use translate animation for this)

How to create resideMenu on Android?

use this library :
Android Reside Menu on github

https://github.com/SpecialCyCi/AndroidResideMenu

Android side navigation menu : how to include the actionbar in the slided view?

I found a even better solution! super easy to use, super flexible.

https://github.com/jfeinstein10/SlidingMenu

EDIT:

Note that the new navigation drawer should now be used in order to comply to the android design guidelines. Check http://developer.android.com/design/patterns/navigation-drawer.html



Related Topics



Leave a reply



Submit