Android开发之DrawerLayout与ToolBar之间不得不说的秘密

上一章节谈到了DrawerLayout的简单使用，本章节就探讨下DrawerLayout与ToolBar之间能擦出什么样的火花，翻看文档不难免发现ToolBar是v7包下的一个组件，和ActionBar有着同样的效果，但是要比ActionBar好用，兼容性更强，定制效果更好（这里不做过多讲解）等等！

----------------------------------------分割线---------------------------------------------------------------------------

如图所示：

----------------------------------------分割线----------------------------------------------------------------------------

首先在布局中内容布局里加入ToolBar布局：

<!--内容部分的布局-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="我是内容部分" />
    </LinearLayout>

然后将actionbar替换成toolbar：

setSupportActionBar(toolbar);

接着调用ActionBarDrawerToggle将drawerlayout和toolbar绑定在一起，并调出隐藏的按钮图标：

ActionBarDrawerToggle drawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar,
                R.string.drawer_open, R.string.drawer_close);

在这里会有一个小坑，就是R.string.drawer_open,不知道该怎么设置，翻阅源码才明白，仅仅是个字符串，为了作为标记而存在，在strings文件里加入如下代码如下：

<resources>
    <string name="drawer_open">open</string>
    <string name="drawer_close">close</string>
</resources>

添加动画效果：

drawerLayout.setDrawerListener(drawerToggle);

最后同步一下：

drawerToggle.syncState();

大功告成！

----------------------------------------分割线----------------------------------------------------------------------------
在这里自己给自己提出个疑问，抽屉能不能别把toolBar盖住？实现下面的效果？

实现方式就是把最外层用LinearLayout，设置成Vertical，次层两个布局一个是ToolBar布局，另一个是DrawerLayout，然后在Drawerlayout里面再设置内容和侧滑栏的布局，下面给出详细代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.fly.dl01.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary" />

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerlayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--内容部分的布局-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="我是内容部分" />
        </LinearLayout>

        <!--侧滑栏左边的布局-->
        <LinearLayout
            android:layout_width="200dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="#0f0"
            android:orientation="vertical"
            android:paddingTop="50dp">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#ff0"
                android:text="item1" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#ff0"
                android:text="item2" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#ff0"
                android:text="item3" />
        </LinearLayout>
    </android.support.v4.widget.DrawerLayout></LinearLayout>

ok，两种显示效果都已经贴出来了，萝卜青菜各有所爱！

----------------------------------------彩蛋----------------------------------------------------------------------------

其实我们也可以监听drawerLayout的状态，废话少说贴出代码：

//设置监听
        drawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                //滑动过程中不断回调

            }

            @Override
            public void onDrawerOpened(View drawerView) {
                //打开
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                //关闭
            }

            @Override
            public void onDrawerStateChanged(int newState) {
                //状态发生改变
            }
        });

下一节讲针对此监听对DrawerLayout进一步了解。