Android开发之DrawerLayout的简单使用

DrawerLayout是V4包下的一个控件，相信大家都是用过的，像我们熟悉的qq，酷狗之类的软件，总之这个DrawerLayout一定要搭配好。大家在使用AS创建项目的时候，有个Navigation Drawer Activity选项，当时还是小白的我，打开之后效果确实挺炫的，但是满满的一大坨代码，对于小白来说的却是很伤心，现在福利到了，我会一步步深入讲解DrawerLayout以及和ToolBar，Navigation，SnackBar搭配使用，让你一步步成为大佬。废话少说开始今天的正题，让你初步认识DrawerLayout！

-----------------------------------华丽的分割线--------------------------------

插一句题外话：大家建好一个空项目之后，为了方便全屏或者方便使用ToolBar，把主题更改一下：

<resources>
    <!-- Base application theme. -->
    <!-- parent继承NoActionbard的主题-->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
</resources>

-----------------------------------继续开车--------------------------------
在布局中把你需要使用抽屉的内容用DrawerLayout包裹起来，里面有侧边栏部分和内容部分，然后在侧边栏的布局中加入 android:layout_gravity="start"，有start就有end，start是从左边侧滑的，end是从右边侧滑的。

ok下面来看效果：

左侧滑栏：

右侧滑栏：

---------------------------------华丽的分割线-----------------------------------------------------------------

好了，上图的代码撸起：

<?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:id="@+id/drawerlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.fly.dl01.MainActivity">

    <!--内容部分的布局-->
    <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>

    <!--侧滑栏右边的布局-->
    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        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>

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

大家试着自己往侧边栏加点东西，自己去实现一下，哈哈！

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

下一节带领大家继续讲解DrawerLayout和其他的组件配合使用。。。