使用DrawerLayout和SlidingDrawer实现的抽屉效果

效果图如下：

左侧的抽屉效果是使用DrawerLayout实现的，右侧的抽屉效果是使用SlidingDrawer实现的。

首先，左侧使用DrawerLayout实现的抽屉效果在新建项目时就创建的(具体操作在上一篇博客"android 自带抽屉效果的实现"中已经说过)，点击左侧抽屉的条目，会显示不同的Fragment界面，点击第一个条目时，显示TestFragment界面，界面效果图如下：

xml文件如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="测试抽屉效果" />

    <SlidingDrawer
        android:id="@+id/slidingDrawer"
        android:layout_width="120dp"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="50dp"
        android:content="@+id/content_layout"
        android:handle="@+id/handle_layout"
        android:orientation="horizontal" >

        <LinearLayout
            android:id="@+id/handle_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/imageView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/drawer_tab" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/content_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FF00FF00"
            android:orientation="vertical" >


            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="button1" />


            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="button2" />


            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="button3" />
        </LinearLayout>
    </SlidingDrawer>

</RelativeLayout>

注意：SlidingDrawer的handle和content是必须的，handle相当于抽屉的把手，content相当于抽屉本身。

TestFragment.java：

package com.demoforsliding;


import android.app.Activity;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class TestFragment extends Fragment {
private static final String ARG_SECTION_NUMBER = "section_number";


public static TestFragment newInstance(int sectionNumber) {
TestFragment fragment = new TestFragment();
Bundle args = new Bundle();
args.putInt(ARG_SECTION_NUMBER, sectionNumber);
fragment.setArguments(args);
return fragment;
}

public TestFragment() {
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
View rootView = inflater
.inflate(R.layout.rightdrawer, container, false);
return rootView;
}

@Override
public void onAttach(Activity activity) {
// TODO Auto-generated method stub
super.onAttach(activity);
}
}

源代码：http://download.csdn.net/detail/dengfengdeling/8404229