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

Abigail ·
更新时间:2024-11-10
· 964 次阅读

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实现原生侧滑菜单的超简单方式Android滑动优化高仿QQ6.0侧滑菜单(滑动优化)android RecyclerView侧滑菜单,滑动删除,长按拖拽,下拉刷新上拉加载Android使用自定义控件HorizontalScrollView打造史上最简单的侧滑菜单Android使用DrawerLayout实现仿QQ双向侧滑菜单代码分析Android实现侧滑菜单Android开源组件SlidingMenu侧滑菜单使用介绍Android UI实现SlidingMenu侧滑菜单效果Android_UI 仿QQ侧滑菜单效果的实现Android自定义实现侧滑菜单效果



菜单 drawerlayout Android

需要 登录 后方可回复, 如果你还没有账号请 注册新账号