Android Sliding Drawer Functionality

Android Sliding Drawer is an attractive bone in android for giving  a great feel and look to application. for this purpose


Create a project named SlidingDrawerDemo and copy this java code into SlidingDrawerDemo .java. 

package com.jitesh.slidingdrawerdemo;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.SlidingDrawer;

import android.widget.Toast;

import android.widget.SlidingDrawer.OnDrawerCloseListener;

import android.widget.SlidingDrawer.OnDrawerOpenListener;

public class SlidingDrawerDemo extends Activity implements OnClickListener {

    Button slideButton,b1, b2,b3,b4;

    SlidingDrawer slidingDrawer;

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        slideButton = (Button) findViewById(R.id.slideButton);

        slidingDrawer = (SlidingDrawer) findViewById(R.id.SlidingDrawer);

        b1 = (Button) findViewById(R.id.Button01);

        b2 = (Button) findViewById(R.id.Button02);

        b3 = (Button) findViewById(R.id.Button03);

        b4 = (Button) findViewById(R.id.Button04);

        b1.setOnClickListener(this);

        b2.setOnClickListener(this);

        b3.setOnClickListener(this);

        b4.setOnClickListener(this);

        slidingDrawer.setOnDrawerOpenListener(new OnDrawerOpenListener() {

            public void onDrawerOpened() {

                slideButton.setBackgroundResource(R.drawable.closearrow);

            }

        });

        slidingDrawer.setOnDrawerCloseListener(new OnDrawerCloseListener() {

            public void onDrawerClosed() {

                slideButton.setBackgroundResource(R.drawable.openarrow);

            }

        });

    }

    public void onClick(View v) {

        Button b = (Button)v;

        Toast.makeText(SlidingDrawerDemo.this, b.getText() + " Clicked", Toast.LENGTH_SHORT).show();

    }

}

correspondingly the android main.xml is represented the following elements 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:gravity="bottom"
    android:background="@drawable/bkg1">

    <TextView
        android:text="SlidingViewer Demo By Jitesh"
        android:gravity="center|center_vertical"
        android:textColor="#ff0000"
        android:textSize="25sp"
        android:textStyle="bold|italic"
        android:id="@+id/TextView01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    </TextView>

    <SlidingDrawer
        android:layout_width="wrap_content"
        android:id="@+id/SlidingDrawer"
        android:handle="@+id/slideButton"
        android:content="@+id/contentLayout"
        android:padding="10dip"
        android:layout_height="250dip"
        android:orientation="vertical">
         
        
            <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/slideButton"
                android:background="@drawable/openarrow">
            </Button>
            <LinearLayout
                android:layout_width="wrap_content"
                android:id="@+id/contentLayout"
                android:orientation="vertical"
                android:gravity="center"
                android:padding="10dip"
                android:background="@drawable/android"
                android:layout_height="wrap_content">
                
            <Button
                android:id="@+id/Button01"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/yellow_button"
                android:layout_margin="2dp"
                android:text="Option1">
            </Button>
            <Button
                android:id="@+id/Button02"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/blue_button"
                android:layout_margin="2dp"
                android:text="Option2"></Button>
            <Button android:id="@+id/Button03"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="2dp"
                android:background="@drawable/yellow_button"
                android:text="Option3">
            </Button>
            <Button android:id="@+id/Button04"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="2dp"
                android:background="@drawable/blue_button"
                android:text="Option4">
            </Button>
           
        </LinearLayout>
    </SlidingDrawer>
</LinearLayout>

the used resource images are as follows