Android--design--DrawerLayout

一：

compile 'com.android.support:design:23.3.0'

二：DrawerLayout组件是V4包中的组件，也是直接继承于ViewGroup类，所以这个类也是一个容器类。使用DrawerLayout可以轻松的实现抽屉效果，使用DrawerLayout的步骤有以下几点：
1）在DrawerLayout中，第一个子View必须是显示内容的view，并且设置它的layout_width和layout_height属性是match_parent.作为content！
2 ) 第二个view是抽屉view,并且设置属性

layout_gravity="left|right",

表示是从左边滑出还是右边滑出。设置它的

layout_height="match_parent"

作为drawer！
注意：至少有两View容器！

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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.tool.nativeproject.MainActivity">

    <TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello World!" />

    <TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="DrawerLayout---left"
android:layout_gravity="left"
android:background="#FFB5C5" />

</android.support.v4.widget.DrawerLayout>

以上例子中，只是把DrawerLayout作为一个视图容易来执行！

三：NavigationView

<android.support.design.widget.NavigationView
android:id="@+id/design_navigation_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="left"
android:fitsSystemWindows="true"
app:headerLayout="@layout/head_view"
app:menu="@menu/menu_drawer">

</android.support.design.widget.NavigationView>

注意：
app:headerLayout=”@layout/head_view”和app:menu=”@menu/menu_drawer”，分别代表drawer布局中的header和menuitem区域，当然你可以根据自己的情况使用。

menu_drawer.xml:

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

    <item
android:id="@+id/nav_order"
android:checked="true"
android:icon="@mipmap/ic_order"
android:title="@string/order" />
    <item
android:id="@+id/nav_wallet"
android:checked="true"
android:icon="@mipmap/ic_wallet"
android:title="@string/wallet" />
    <item
android:id="@+id/nav_message"
android:checked="true"
android:icon="@mipmap/ic_message"
android:title="@string/message" />
    <item
android:id="@+id/nav_setting"
android:checked="true"
android:icon="@mipmap/ic_setting"
android:title="@string/setting" />

</menu>

head_view.xml:

<?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">

<TextView
android:id="@+id/tv_textview"
android:layout_width="match_parent"
android:layout_height="100dp"
android:gravity="center"
android:text="head_view"/>

</RelativeLayout>

四：在使用的时候：

public class MainActivity extends Activity implements NavigationView.OnNavigationItemSelectedListener {
    DrawerLayout mDrawerLayout;
    NavigationView mNavigationView;
    TextView tv;
    View headView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv = (TextView) findViewById(R.id.tv);
        mDrawerLayout = (DrawerLayout) findViewById(R.id.layout_drawerlayout);
        mNavigationView = (NavigationView) findViewById(R.id.design_navigation_view);
        mNavigationView.setNavigationItemSelectedListener(this);

       //获取头部View控件
        headView = mNavigationView.getHeaderView(0);
        final TextView textView = (TextView) headView.findViewById(R.id.tv_textview);

      //头部View进行事件的操作
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, textView.getText().toString(), Toast.LENGTH_LONG).show();
            }
        });
    }

    //边上item事件操作
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.nav_order:
                mDrawerLayout.closeDrawers();
                tv.setText("nav_order");
                break;
            case R.id.nav_wallet:
                mDrawerLayout.closeDrawers();
                tv.setText("nav_wallet");
                break;
            case R.id.nav_message:
                tv.setText("nav_message");
                mDrawerLayout.closeDrawers();
                break;
            case R.id.nav_setting:
                tv.setText("nav_setting");
                mDrawerLayout.closeDrawers();
                break;
        }
        return false;
    }
}

注：当我们添加NavigationView的headview时候，可以在代码里面设置布局，也可以通过

mNavigationView.addHeaderView(View view);

进行相关操作
五：由于，没有添加footerView方法，所以，当我们想添加footer的时候：

<android.support.design.widget.NavigationView
    android:id="@+id/design_navigation_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="left"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/head_view"
    app:menu="@menu/menu_drawer">

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true">

            <TextView
                android:id="@+id/bottom_tv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="sssss" />

        </LinearLayout>
    </RelativeLayout>
</android.support.design.widget.NavigationView>

在对控件进行操作的时候，直接通过findViewById(),即可！