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

迈不过友情╰ 2022-08-18 10:50 264阅读 0赞

转载请注明[http://blog.csdn.net/zenmela2011/article/details/50264785][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">DrawerLayout mDrawerLayout= (DrawerLayout) findViewById(R.id.drawer_layout);

然后初始化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中设置一下布局文件，就可以实现一个简单的侧滑菜单了，不过菜单是在上面的。

![android组件之DrawerLayout（抽屉导航）-- 侧滑菜单效果 - 芳芳 - 芳芳][android_DrawerLayout_-- _ - _ -]

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

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()可以关闭和打开抽屉。

[http_blog.csdn.net_zenmela2011_article_details_50264785]: http://blog.csdn.net/zenmela2011/article/details/50264785
[android.support.v4.widget.DrawerLayout]: http://developer.android.com/intl/zh-cn/reference/android/support/v4/widget/DrawerLayout.html
[android_DrawerLayout_-- _ - _ -]: https://img-my.csdn.net/uploads/201412/04/1417661107_1898.gif