Android侧滑菜单控件DrawerLayout使用详解

所属分类: 软件编程 / Android 阅读数: 34
收藏 0 赞 0 分享

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的侧滑效果会浮现在主界面的上方,而不像其他侧滑菜单,不会遮挡主界面。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android异常 java.lang.IllegalStateException解决方法

这篇文章主要介绍了Android异常 java.lang.IllegalStateException解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android中Split()字符串分割特殊用法案例详解

本文通过案例的形式给大家详细介绍了android中split()字符串分割特殊用法的知识,非常不错具有参考借鉴价值,感兴趣的朋友参考下
收藏 0 赞 0 分享

Android仿新浪微博启动界面或登陆界面(1)

这篇文章主要为大家详细介绍了Android仿新浪微博启动界面或登陆界面的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android仿新浪微博oauth2.0授权界面实现代码(2)

这篇文章主要为大家详细介绍了Android仿新浪微博oauth2.0授权界面实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android开发中使用sqlite实现新闻收藏和取消收藏的功能

本篇文章主要介绍了sqlite实现新闻收藏和取消收藏功能,主要涉及到oracle数据库方面的内容,对于Android开发sqlite实现收藏和取消功能感兴趣的朋友可以参考下本文
收藏 0 赞 0 分享

Android仿新浪微博分页管理界面(3)

这篇文章主要为大家详细介绍了Android仿新浪微博分页管理界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android UI自定义ListView实现下拉刷新和加载更多效果

这篇文章主要介绍了Android UI自定义ListView实现下拉刷新和加载更多效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android—基于微信开放平台v3SDK开发(微信支付填坑)

这篇文章主要介绍了Android—基于微信开放平台v3SDK开发(微信支付填坑),具有一定的参考价值,有需要的可以了解一下。
收藏 0 赞 0 分享

Android仿新浪微博自定义ListView下拉刷新(4)

这篇文章主要为大家详细介绍了Android仿新浪微博自定义ListView下拉刷新,重点介绍了Adapter的详细代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android控件之使用ListView实现时间轴效果

这篇文章主要介绍了Android基础控件之使用ListView实现时间轴效果的相关资料,本文是以查看物流信息为例,给大家介绍了listview时间轴的实现代码,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多