侧滑菜单控件DrawerLayout使用讲解

  DrawerLayout是Android V4包下一个带有侧滑功能的布局控件,可以根据手势展开与隐藏侧边栏,也可以随着侧边栏的点击改变主界面区的内容。并且只需要按照DrawerLayout规定的布局格式进行布局,即可实现左右侧滑效果。

一、约定的抽屉布局

  DrawerLayout的布局一般分为三个部分:第一部分为主界面内容布局,第二部分为左边侧滑界面布局,第三部分为右边侧滑界面布局。那么系统是怎么区分左边侧滑和右边侧滑的代码块的呢?请注意DrawerLayout布局中侧滑部分的代码块必须指定android:layout_gravity属性,layout_gravity="start/left"代表左边侧滑,layout_gravity="end/right"代表右边侧滑。在官方文档中推荐DrawerLayout最好作为界面的根布局,否则可能会出现触摸事件被屏蔽的问题。DrawerLayout中主内容区的布局要放到最顶层,接着放置左边侧滑界面布局,最后放置右边侧滑界面布局。类似布局如下:

<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.administer.drawlayoutdemo.MainActivity">

    <RelativeLayout
        android:id="@+id/relativelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button
            android:id="@+id/left_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="开启左边菜单栏" />

        <Button
            android:id="@+id/right_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="开启右边菜单栏"
            android:layout_alignParentRight="true"/>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/left"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#f00">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="左边布局" />

    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/right"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:background="#00f">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="右边布局" />
    </RelativeLayout>

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

二、DrawerLayout的监听

  DrawerLayout的监听器有三种。DrawerLayout添加监听器的方法为drawerLayout.addDrawerListener(),由于DrawerLayout侧滑菜单的展开与隐藏均可以被监听,这样我们就可以在侧滑菜单展开与隐藏发生的时刻做一些希望做的事情(Ps:drawerLayout.setDrawerListener()已过时,不过仍可使用,与drawerLayout.addDrawerListener()用途一样)

1、使用DrawerListener监听

drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
            @Override
            public void onDrawerSlide(View drawerView, float slideOffset) {
                /**
                 * 抽屉滑动时,调用此方法
                 * */
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                /**
                 * 抽屉被完全展开时,调用此方法
                 * */
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                /**
                 * 抽屉被完全关闭时,调用此方法
                 * */

            }

            @Override
            public void onDrawerStateChanged(int newState) {
                /**
                 * 抽屉状态改变时,调用此方法
                 * */
            }
        });
2、使用SimpleDrawerListener监听

  顾名思义,即是DrawerListener的精简版,不必实现DrawerListener的全部回调函数,可以根据业务需求选择重写相应的方法,用法与DrawerListener一致。

3、配合ActionBar使用的ActionBarDrawerToggle监听

  如果Activity中有ActionBar,最好使用ActionBarDrawerToggle进行监听,ActionBarDrawerToggle实现了DrawerListener,它可以做DrawerListener能做的所有事情,不过使用ActionBarDrawerToggle监听,需要选择重写的方法

(补充:1、DrawerLayout.openDrawer()和DrawerLayout.closeDrawer()可以打开和关闭侧边栏。

 2、如果侧滑栏的点击事件穿透到主界面,在该侧滑栏的布局文件的最外层加上 android:clickable="true")

三、不足(亦或是优点?)

  和一般的侧滑菜单相比,DrawerLayout的侧滑效果会浮现在主界面的上方,而不像其他侧滑菜单,不会遮挡主界面。


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值