DrawerLayout实现侧滑

DrawerLayout是谷歌自带的一个侧滑的控件，以前没有这个的时候我们用的都是第三方的SlidingMenu(当然也有大神用ViewGroup自己写的),有了这个原生的之后大家还是用原生的吧，第三方能不用则不用，三方好用是好用只是不安全，毕竟那个东西是别人的兼容性也没有原生的好，而且这个原生的侧滑使用起来比SlidingMenu更轻松，下面来演示如何使用它。

这里我们使用前面讲过的toolbar来替代actionBar，如果你对这块只是不是很熟练，可以查看我的博客：Android之toolbar的使用。

这里我们演示的效果如下：

先来看布局文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#aaff0cff"
        android:gravity="center">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="主页"
            android:textColor="#fff"
            android:textSize="25sp" />
    </android.support.v7.widget.Toolbar>

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolBar">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="centerInside"
                android:src="@drawable/girl" />
        </RelativeLayout>

        <FrameLayout
            android:id="@+id/frame"
            android:layout_width="@dimen/drawer_frame_width"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#aa098976">
            <ListView
                android:id="@+id/listView"
                android:layout_width="match_parent"
                android:divider="#f00"
                android:dividerHeight="1dp"
                android:layout_height="match_parent"></ListView>
        </FrameLayout>
    </android.support.v4.widget.DrawerLayout>


</RelativeLayout>

跟布局为相对布局，里面一个toolbar和一个drawerlayout，toolbar里面包含一个TextView，drawerlayout里面包含一个相对布局和一个帧布局，相对布局里面是一张图片，用来做抽屉没有显示出来时候的界面即手机进去的屏幕界面，帧布局里面有一个listview用来做抽屉的布局。

下面来看MainActivity里面oncreate方法的代码：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到布局中的抽屉
        drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
        //抽屉布局中的ListView相关设置
        listView = (ListView) findViewById(R.id.listView);
        listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, getResources().getStringArray(R.array.listItem)));
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "点击的条目：" + position, Toast.LENGTH_SHORT).show();
            }
        });
        //toolbar的相关设计，如果不懂可以查看我相关的博客
        toolbar = (Toolbar) findViewById(R.id.toolBar);
        toolbar.setTitle("");
        setSupportActionBar(toolbar);
        toolbar.setNavigationIcon(R.drawable.navigation);

    }

然后重写menu的点击事件方法：

    //对toolbar中的navigation图标做点击监听
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                if (drawerLayout.isDrawerOpen(GravityCompat.START)) {
                    drawerLayout.closeDrawer(GravityCompat.START);
                } else {
                    drawerLayout.openDrawer(GravityCompat.START);
                }
                break;
        }
        return super.onOptionsItemSelected(item);
    }

这两个方法就构成了整个MainActivity的代码，里面我们用到了values文件夹下面的资源文件，整个这里就不演示了。

是不是特别简单呢？其实作为控件的drawerlayout，所有的属性我们都可以在xml文件布局的时候就可以指定了，需要注意的是drawerlayout只能有两个子控件，第一个控件用来显示主界面，第二个用来显示抽屉里面的布局。如果要求界面复杂，我们可以把这两个设置成容器控件，然后就可以在容器里面添加我们想要的布局了。

最后附上我的demo，使用android studio开发的：demo