android 侧滑菜单效果----DrawerLayout（抽屉导航)

转载请注明http://blog.csdn.net/zenmela2011/article/details/50264785

现在侧滑菜单使用很多，大都是通过SlidingMenu实现。现在也可以通过DrawerLayout。

一、 介绍

    drawerLayout是Support Library包中实现了侧滑菜单效果的控件。drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

好了，这个抽屉就是DrawerLayout，该类位于V4包中。

android.support.v4.widget.DrawerLayout.

二、使用

drawerLayout其实是一个布局控件，跟LinearLayout等控件是一种东西，但是drawerLayout带有滑动的功能。只要按照drawerLayout的规定布局方式写完布局，就能有侧滑的效果。

1. 布局代码如下：

<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">
    
	<!--主内容区的布局-->
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

	<!--侧滑菜单布局-->
    <ListView
        android:id="@+id/left_drawer"
        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:background="#111"/>

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

有两点要注意：主内容区的布局代码要放在侧滑菜单布局的前面,这可以帮助DrawerLayout判断谁是侧滑菜单，谁是主内容区；侧滑菜单的部分的布局（这里是ListView）可以设置layout_gravity属性，他表示侧滑菜单是在左边(start)还是右边(end)。

说明：

① 在DrawerLayout标签中添加一个包含内容的视图，就是当抽屉完全隐藏的时候显示的内容布局。

② 添加一个抽屉布局，这个布局可以按照需求自己定义，我的demo中是一个listview。

③ 抽屉布局中，需要指定android:layout_gravity属性，官方说明是用start代替left。不过我试了一下start和left，right和end的效果是一样的。

④ 抽屉布局的宽度最好不要超过320dp，这样做为了当抽屉完全显示的时候，不至于把内容布局全部遮挡。

2.在主Activity中，找到DrawerLayout控件

<pre name="code" class="java"><span style="font-family: Arial, Helvetica, sans-serif;">DrawerLayout</span><span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-serif;">mDrawerLayout</span><span style="font-family: Arial, Helvetica, sans-serif;">= (DrawerLayout) findViewById(R.id.drawer_layout);</span>

然后初始化listview：

mLv = (ListView) findViewById(R.id.id_lv);  
        str = new String[] { "item1", "item2", "item3"};  
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,  
                android.R.layout.simple_list_item_1, str);  
        mLv.setAdapter(adapter);  
       // mLv.setOnItemClickListener(this);  

好了，此时在你的activity中设置一下布局文件，就可以实现一个简单的侧滑菜单了，不过菜单是在上面的。

下面，设置抽屉导航的监听事件。添加监听器的时候有三种方式。

a. 设置DrawerLayout.DrawerListener作为监听器类,里面包含四个回调函数。

mDrawerLayout.setDrawerListener(new DrawerListener() {  
        /** 
         * 当抽屉滑动状态改变的时候被调用 
         * 状态值是STATE_IDLE（闲置--0）, STATE_DRAGGING（拖拽的--1）, STATE_SETTLING（固定--2）中之一。 
         * 抽屉打开的时候，点击抽屉，drawer的状态就会变成STATE_DRAGGING，然后变成STATE_IDLE 
        */  
        @Override  
        public void onDrawerStateChanged(int arg0) {  
            Log.i("drawer", "drawer的状态：" + arg0);  
        }  
        /** 
         * 当抽屉被滑动的时候调用此方法 
         * arg1 表示 滑动的幅度（0-1） 
         */  
        @Override  
        public void onDrawerSlide(View arg0, float arg1) {  
            Log.i("drawer", arg1 + "");  
        }  
        /** 
         * 当一个抽屉被完全打开的时候被调用 
         */  
        @Override  
        public void onDrawerOpened(View arg0) {  
            Log.i("drawer", "抽屉被完全打开了！");  
        }  
        /** 
         * 当一个抽屉完全关闭的时候调用此方法 
         */  
        @Override  
        public void onDrawerClosed(View arg0) {  
            Log.i("drawer", "抽屉被完全关闭了！");  
        }  
    }); 

b. 设置DrawerListener的子类SimpleDrawerListener，使用这个类的时候不必实现全部的回调函数，可以根据自己的需要重写相应的方法。

mDrawerLayout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {  
            @Override  
            public void onDrawerClosed(View drawerView) {  
                super.onDrawerClosed(drawerView);  
            }  
            @Override  
            public void onDrawerOpened(View drawerView) {  
                super.onDrawerOpened(drawerView);  
            }  
        });  

c.使用DrawerListener的子类ActionBarDrawerToggle。一般与ActionBar结合使用。

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,  
                R.drawable.ic_drawer, R.string.drawer_open,  
                R.string.drawer_close) {  
@Override  
public void onDrawerClosed(View drawerView) {  
    getActionBar().setTitle(mTitle);  
    invalidateOptionsMenu();  
}  
@Override  
public void onDrawerOpened(View drawerView) {  
    getActionBar().setTitle(mDrawerTitle);  
    invalidateOptionsMenu();  
    }  
};  
mDrawerLayout.setDrawerListener(mDrawerToggle);  

调用closeDrawer()和openDrawer()可以关闭和打开抽屉。