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