Facebook Style Slide Menu In Android

F

Create a new android project in eclipse(Minimum Required Android SKD 2.2 ).

Download slider.jar file from https://s3.amazonaws.com/oodles-site-files/slider.jar.

Place slider.jar in lib folder in project

Now our basic project structure is ready and its time to focus on layouts, replace main.xml code from given one

Create two Android XML Files one for left menu and other for right menu say “left_menu.xml” and “right_menu.xml”.

There are some pre defined funstions in “slider.jar” which help us to create fb style slide menu.

* setLeftBehindContentView(left_layout) is used to set left menu.

* setRightBehindContentView(right_layout) is used to set right menu.

* toggleLeftDrawer() is used to show the left menu.

* toggleRightDrawer() is used to show the right menu.

package com.example.slide_menu;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.navdrawer.SimpleSideDrawer;

public class MainActivity extends Activity {
SimpleSideDrawer slide_me;
Button left_button, right_button;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
slide_me = new SimpleSideDrawer(this);
slide_me.setLeftBehindContentView(R.layout.left_menu);
slide_me.setRightBehindContentView(R.layout.right_menu);

left_button = (Button) findViewById(R.id.left_buton);
right_button = (Button) findViewById(R.id.right_buton);
left_button.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
slide_me.toggleLeftDrawer();
}
});
right_button.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
slide_me.toggleRightDrawer();
}
});
}
}

About the author

abhijit.kurlekar
By abhijit.kurlekar

Category