侧滑抽屉布局-DrawerLayout的初体验.关于点击侧滑区域就关闭的问题.

近来在做一个平板的项目.讲道理,平板的横布局,让我这经常写手机APP的有点不适应-.-;调试只能在真机,因为AS的布局预览里根本显示不全好嘛…

废话不多说,有个功能用到了侧滑效果,需要从布局左往右滑出.记得鸿神博客里提过有个组件叫DrawerLayout,于是在布局里就尝试了下.

总体来说体验还很好.

代码是最好的老师,上干货.

首先是XML文件

   <!-- 默认显示的布局界面 -->
    <android.support.v4.widget.DrawerLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/drawer_layout"
        >


       <LinearLayout
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:gravity="center"
           >
           <LinearLayout
               android:layout_width="325dp"
               android:layout_height="wrap_content"
               android:paddingLeft="10dp"
               android:paddingTop="18dp"
               android:paddingRight="13dp"
               android:orientation="vertical"
               android:paddingBottom="9dp"
               android:background="@drawable/bg"
               android:layout_centerVertical="true"
               android:gravity="center"
               android:layout_centerHorizontal="true">

               <LinearLayout
                   android:layout_width="match_parent"
                   android:layout_marginBottom="10dp"
                   android:layout_height="54dp">
                   <TextView
                       android:layout_width="83dp"
                       android:layout_height="match_parent"
                       android:text="@string/choose_product"
                       android:textSize="17sp"
                       android:gravity="center_vertical"
                       android:textColor="#333333"
                       />
                   <TextView
                       android:layout_width="match_parent"
                       android:layout_height="match_parent"
                       android:paddingRight="10dp"
                       android:text="请选择"
                       android:id="@+id/choose_product"
                       android:textColor="@color/white"
                       android:textSize="17sp"
                       android:paddingLeft="13dp"
                       android:gravity="center_vertical"
                       android:background="@drawable/login_et_bg"
                       android:drawableRight="@drawable/down"
                       />
               </LinearLayout>
           </LinearLayout>


       </LinearLayout>

        <!-- 抽屉内容的布局 -->
        <RelativeLayout

            android:id="@+id/drawer_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="@android:color/white" />
    </android.support.v4.widget.DrawerLayout>

在这里要必须给大家提示下,有几个小坑:

1.抽屉内容的布局里的:

 android:layout_gravity="start"

是让抽屉效果从左滑入;相反 end 是从右往左滑入.

其他的没有试.大家可以体验下.

2.## 抽屉效果一定要在主布局的XML里Layout的下方.不知道为什么,Google官方API就是这么写的. ##
不然的话,你的抽屉弹出层,任何点击事件都会关闭抽屉.贼尴尬-.-
博主就踩到了这个坑…纠结了半天,所以,要看源码呀!~

别的就希望大家继续补充了.

代码首先没什么说的,创建对象,初始化.

  mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
  drawer_content = (RelativeLayout) findViewById(R.id.drawer_content);

其次,对你的抽屉布局里放入默认的fragment.

  //显示默认fragment
        getSupportFragmentManager().beginTransaction().replace(R.id.drawer_content, new SelectFragment()).commit();

最后,在你需要滑出的时候,打开抽屉就可以啦~

   mDrawerLayout.openDrawer(drawer_content);//打开抽屉内容

接着在fragment里操作你的业务就可以拉~

然后是在fragment里要和你的activity里布局关联上.

这里的findViewById是要getActivity的哦~

 mDrawerLayout = (DrawerLayout) getActivity().findViewById(R.id.drawer_layout);
 drawer_content = (RelativeLayout) getActivity().findViewById(R.id.drawer_content);

最后,在你不想看到它的时候就关了吧.

  mDrawerLayout.closeDrawer(drawer_content);

因为是项目里的代码,只能粘出来一点.不能给大家demo了.

但是也很详细,只要小心那2个坑,别的就没什么了.

欢迎大家补充,纠正~

最后,祝大家新年快乐.