android design库DrawerLayout的使用及实现类似网易云音乐菜单效果

用网易云音乐的时候感觉它的侧滑菜单效果还是很酷炫的，而且在看过Design库以后就很清楚它应该是用DrawerLayout实现的（讲道理应该是哈）。
网易云音乐效果图：


建一个Activity，在布局中键入如下代码，注释也写了的：

<?xml version="1.0" encoding="utf-8"?>
<!--根布局为DrawLayout,视个人情况而定
    为了方便实现沉浸式效果，还是建议以此为根
    而且DrawerLayout的高度一定要是MeasureSpec.EXACTLY
    详情可查看DrawerLayout的onMeasure方法-->
<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:openDrawer="start">
    <!--内容层，DrawerLayout会根据child的layout_gravity属性来判断谁是content谁是drawer
    可查看DrawerLayout的isContentView方法和isDrawerView方法
    另外值得一提的是，两个childView的位置如果调换，虽说任然会有菜单，但是相同代码情况下状态栏只是半透明而不是全透明
    如果有大神看到，望解我疑惑-->

    <!--下面有个background属性，这一步很关键-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        android:background="@color/colorPrimaryDark"
        android:orientation="vertical">
        <!--就是个toolbar
        对于这种项目中可能经常用到的东西，建议把他封装起来-->
        <include layout="@layout/layout_toolbar"/>
        <!--正儿八经的内容-->
        <include layout="@layout/content_activity_main" />

    </LinearLayout>
    <!--菜单
    布局随意选择
    NavigationView是google专为DrawerLayout量身打造的菜单控件，已menu的形式设置布局，用起来确实方便
    而且NavigationView提供一个headerLayout和menu属性来让你个性化你的应用-->
    <android.support.design.widget.NavigationView
        android:id="@+id/navigationView"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/layout_nav_header"
        app:menu="@menu/menu_nav_main">
    </android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>

接下来就是Activity的代码了，像平常实现类似沉浸式效果一样（这个值得一个优秀的Android应用从建项目开始）需要为window设置flag：

void initWindow(){
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
          //getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        }
    }

而本次就不一样了，还需要为window设置statusBarColor,

    void initWindow2(){
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP )
        {
            Window window = getWindow();//获取window
            window.setStatusBarColor(Color.TRANSPARENT);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
        }
    }

由于我只有两部4.2和5.1的手机，本次测试也是在5.1上测试的，至于5.1之前到底是啥效果，我也不知道。。。
先来看看onCreate方法：

super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initWindow2();

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setTitle(getString(R.string.description));

        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);

        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this,mDrawerLayout,
                toolbar,R.string.openDrawer,R.string.closeDrawer);
        mDrawerLayout.addDrawerListener(toggle);
        toggle.syncState();

        NavigationView navigationView = (NavigationView) findViewById(R.id.navigationView);
        navigationView.setNavigationItemSelectedListener(this);

    }

其中大部分我想都看得懂吧，来说一说这个ActionBarDrawerToggle，看看官方文档
* This class provides a handy way to tie together the functionality of
* {@link android.support.v4.widget.DrawerLayout} and the framework ActionBar to
* implement the recommended design for navigation drawers.
直白点说就是它使DrawerLayout和ActionBar绑定到一起，内部已经实现了对DrawerLayout的控制，
toggle.syncState()方法就是同步DrawerLayout当前状态。
对于NavigationView的操作就不多说了，设置监听器，并在监听器里面处理事件就ok啦