MD之材料设计库（一）

本文主要介绍部分support:design（材料设计库）的控件使用，以及官方模板NavigationDrawer的实现。

---

DrawerLayout

该控件是一个侧滑菜单布局，当按照规定书写xml布局文件后，即可轻松实现侧滑效果。
ps:用于替代第三方的侧滑菜单，如sliding menu等。

这里给一个简单的Demo示例（配合Toolbar，不熟悉请看MD设计之起步）：

左右侧滑菜单设定

DrawLayout主要分为左右侧滑菜单和主内容区，设定左右菜单的方法非常简单，只需要在你需要设定为菜单的xml布局中添加如下代码：
左：android:layout_gravity="start"
右：android:layout_gravity="end"

此外，我们也可以在代码中进行部分操作，如打开与关闭侧滑菜单，设定透明度，设置渐变色等等，

drawerLayout的打开与关闭

这里需要重点指出的是侧滑菜单的打开与关闭
打开：DrawerLayout.openDrawer
关闭：DrawerLayout.closeDrawer

设置监听事件

尽管drawerLayout可以通过addDrawerListener的方式为自己设定监听事件，但还是推荐使用ActionBarDrawerToggle和Toolbar配合使用，这样不仅方便统一管理，也可使代码结构更为清晰。

ActionBarDrawerToggle toggle = new ActionBarDrawerToggle
                (this,drawerLayout,toolbar,R.string.open_drawer,R.string.close_drawer){
            //这里可以重写很多方法，以实现自己的需求
            @Override
            public void onDrawerOpened(View drawerView) {
                getSupportActionBar().setTitle("Open");
                super.onDrawerOpened(drawerView);
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                getSupportActionBar().setTitle("Close");
                super.onDrawerClosed(drawerView);
            }

            @Override
            public boolean onOptionsItemSelected(MenuItem item) {
                return super.onOptionsItemSelected(item);
            }
        };
        drawerLayout.addDrawerListener(toggle);
        toggle.syncState();

PS:在toolbar中也可以通过setNavigationOnClickListener和setOnMenuItemClickListener分别为对应的控件和MenuItem设置监听。

该Demo的主要布局文件
主界面布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="com.example.horizon.myapplication.MainActivity">

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawerLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <include
            layout="@layout/drawer_content"/>

        <include
            layout="@layout/drawer_menu_left"
            android:layout_gravity="start"
            android:layout_width=