Android杂谈（20）DrawerLayout实践

转载请注意：http://blog.csdn.net/wjzj000/article/details/53929870

本菜开源的一个自己写的Demo，希望能给Androider们有所帮助，水平有限，见谅见谅…
https://github.com/zhiaixinyang/PersonalCollect （拆解GitHub上的优秀框架于一体，全部拆离不含任何额外的库导入）
https://github.com/zhiaixinyang/MyFirstApp（Retrofit+RxJava+MVP）

---

写在前面

在杂谈系列里边基本上都是记录些简单的用法。
这次记录一个关于DrawerLayout，也就是我们常说的侧滑。
个人对侧滑不是很感冒，所以就算是简单的记一记吧。

---

先看一下效果：

• 这里不要把目光集中在左上角的那个箭头那。那不是我们这次的重点，以后会写关于它的详细使用。
• 上边的那个效果，我们直接上代码：

<LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:orientation="vertical"    android:layout_height="match_parent">    <!-- 模拟的AcitonBar的效果，暂时无视就好了 -->    <FrameLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="@color/black"        >        <ImageView            android:id="@+id/drawer_indicator"            android:layout_width="50dp"            android:layout_height="50dp"            android:scaleType="centerInside"            android:background="@drawable/drawer_selector"            android:layout_gravity="start"            />        <TextView            android:id="@+id/indicator_style"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="DrawerLayout"            android:paddingLeft="12dp"            android:paddingRight="12dp"            android:layout_gravity="center_vertical|end"            android:textStyle="bold"            android:textColor="@color/white"            />    </FrameLayout>    <android.support.v4.widget.DrawerLayout        android:id="@+id/drawer_layout"        android:layout_width="match_parent"        android:layout_height="match_parent">        <!-- 作为主要内容视图，下面的视图消耗整个             空间可用在两个维度中使用match_parent。 -->        <fragment            android:id="@+id/content_frame"            android:name="com.example.mbenben.studydemo.view.nav.TabFragment"            android:layout_width="match_parent"            android:layout_height="match_parent" />        <!-- android：layout_gravity =“start”        告诉DrawerLayout将它当作左侧（从左到右）的滑动抽屉，        右侧（从右到左）的语言。 抽屉以dp给定固定宽度并且延伸容器的整个高度。        实体背景用于与内容视图形成对比。 -->        <fragment            android:id="@+id/left_drawer"            android:layout_width="240dp"            android:layout_height="match_parent"            android:layout_gravity="start"            android:name="com.example.mbenben.studydemo.view.nav.TabFragment"            android:choiceMode="singleChoice"            android:background="@color/white"/>    </android.support.v4.widget.DrawerLayout></LinearLayout>

• 这里要注意的地方就是DrawerLayout标签下的俩个布局。第一个代表我们正常显示的内容，第二个表示侧滑内容。
• 在这里我使用的是用一个Fragment，其实用啥都行，自己定义就好。

---

        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);        ActionBarDrawerToggle actionBarDrawerToggle=new ActionBarDrawerToggle(this,mDrawerLayout,R.string.drawer_open,R.string.drawer_close);        mDrawerLayout.addDrawerListener(actionBarDrawerToggle);

• 这里的监听直接使用的是ActionBarDrawerToggle
• 当然我们也可以通过new的方式：

mDrawerLayout.addDrawerListener(new DrawerLayout.SimpleDrawerListener() {            @Override            public void onDrawerSlide(View drawerView, float slideOffset) {                super.onDrawerSlide(drawerView, slideOffset);            }            @Override            public void onDrawerOpened(View drawerView) {                super.onDrawerOpened(drawerView);            }            @Override            public void onDrawerClosed(View drawerView) {                super.onDrawerClosed(drawerView);            }            @Override            public void onDrawerStateChanged(int newState) {                super.onDrawerStateChanged(newState);            }        });

• 那么这样我们就可以直接在特定的回调方法里写我们自己的逻辑了。

---

• 因为在布局之中我们可以直接加载Fragment，所以我们可以随意布局我们的Fragment，然后通过静态加载的方法写进DrawerLayout的布局之中即可。所以在这里就不多展开。因为我们的布局可以在对应的Fragment的布局中随便搞，并且相关的逻辑也可以再Fragment中随表弄。而我们的Activity只需要处理回调即可。

---

PS：相关源码基本都存放于我的这个开源项目之中：
https://github.com/zhiaixinyang/PersonalCollect

---

尾声

OK，关于DrawerLayout的用法就简单写这么多，下篇内容就是关于那个可以变化的箭头！

最后希望各位看官可以star我的GitHub，三叩九拜，满地打滚求star：
https://github.com/zhiaixinyang/PersonalCollect
https://github.com/zhiaixinyang/MyFirstApp