Android Navigation Drawer

How to create simple android navigation drawer

1) Edit MainActivity.Java in your project

public class MainActivity extends Activity {

private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
private ActionBarDrawerToggle mDrawerToggle;
private String mTitle = "";

@SuppressLint("NewApi")
@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

mTitle = "VPS";
getActionBar().setTitle(mTitle);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

mDrawerList = (ListView) findViewById(R.id.drawer_list);
mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,
R.drawable.ic_drawer, R.string.drawer_open,
R.string.drawer_close) {

public void onDrawerClosed(View view) {
getActionBar().setTitle(mTitle);
invalidateOptionsMenu();
}

public void onDrawerOpened(View drawerView) {
getActionBar().setTitle("VPS");
invalidateOptionsMenu();
}

};

mDrawerLayout.setDrawerListener(mDrawerToggle);

ArrayAdapter<String> adapter = new ArrayAdapter<String>(
getBaseContext(), R.layout.drawer_list_item, getResources()
.getStringArray(R.array.menus));

mDrawerList.setAdapter(adapter);
getActionBar().setHomeButtonEnabled(true);
getActionBar().setDisplayHomeAsUpEnabled(true);
mDrawerList.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {

String[] menuItems = getResources().getStringArray(
R.array.menus);


mTitle = menuItems[position];

WebViewFragment rFragment = new WebViewFragment();
AboutUs about_us = new AboutUs();
Person_info p_info = new Person_info();
TempleInfo t_info = new TempleInfo();
ContactUs contact_us = new ContactUs();

Bundle data = new Bundle();
data.putInt("position", position);
FragmentManager fragmentManager = getFragmentManager();
FragmentTransaction ft = fragmentManager.beginTransaction();

if (mTitle.equals("AboutUs")) {
about_us.setArguments(data);
ft.replace(R.id.content_frame, about_us);
} else if (mTitle.equals("ContactUs")) {
contact_us.setArguments(data);
ft.replace(R.id.content_frame, contact_us);
} else if (mTitle.equals("PersonInfo")) {
p_info.setArguments(data);
ft.replace(R.id.content_frame, p_info);
} else if (mTitle.equals("TempleInfo")) {
t_info.setArguments(data);
ft.replace(R.id.content_frame, t_info);
} else {
rFragment.setArguments(data);
ft.replace(R.id.content_frame, rFragment);
}

ft.commit();
mDrawerLayout.closeDrawer(mDrawerList);

}
});
}

@Override
protected void onPostCreate(Bundle savedInstanceState) {
super.onPostCreate(savedInstanceState);
mDrawerToggle.syncState();
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (mDrawerToggle.onOptionsItemSelected(item)) {
return true;
}
return super.onOptionsItemSelected(item);
}

@Override
public boolean onPrepareOptionsMenu(Menu menu) {
boolean drawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);

menu.findItem(R.id.action_settings).setVisible(!drawerOpen);
return super.onPrepareOptionsMenu(menu);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}

2) AboutUs.java

public class AboutUs extends Fragment {
View mView = null;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
mView = inflater.inflate(R.layout.about_us, container, false);
TextView about_us = (TextView) mView.findViewById(R.id.about_us);
about_us.setText("Hello ");
about_us.append("Sample Text");
about_us.append("Add Next Text Here");
about_us.setTypeface(Typeface.create("sans-serif", Typeface.NORMAL));
return mView;
}
}

// Same way Create Other Class which extends Fragment

3) activity_main.xml

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <!-- The main content view -->

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <!-- The navigation drawer -->

    <ListView
        android:id="@+id/drawer_list"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />

</android.support.v4.widget.DrawerLayout>

4) drawer_list_item.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@android:id/text1"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:background="?android:attr/activatedBackgroundIndicator"

    android:gravity="center_vertical"

    android:minHeight="?android:attr/listPreferredItemHeightSmall"

    android:paddingLeft="16dp"

    android:paddingRight="16dp"

    android:textAppearance="?android:attr/textAppearanceListItemSmall"

    android:textColor="#fff" />

5) AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.javatechig.drawer"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="17" />

    <uses-permission android:name="android.permission.INTERNET" />

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.vps.drawer.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>