Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android侧滑菜单控件DrawerLayout

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

作者:yangyang_boke

这篇文章主要为大家详细介绍了Android侧滑菜单控件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的侧滑效果会浮现在主界面的上方,而不像其他侧滑菜单,不会遮挡主界面。

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

您可能感兴趣的文章:
阅读全文