android侧滑菜单控件DrawerLayout使用方法详解

drawerlayout是support library包中实现了侧滑菜单效果的控件，可以说drawerlayout是因为第三方控件如menudrawer等的出现之后，google借鉴而出现的产物。drawerlayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerlayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

使用步骤：

创建一个drawerlayout

为了添加导航抽屉，你需要在你的布局界面中声明一个drawerlayout对象作为布局的根节点。同时在drawerlayout内部添加两个view:

• 添加一个view，它包含应用的主内容（当抽屉隐藏时你的主要布局）；
• 添加另一个view它包含了导航抽屉；
  

如下面例子所示：该布局使用了drawerlayout它包含了两个子节点：一个framelayout它包含了主要内容（在运行时将会被fragment替换） 和 一个listview作为导航抽屉,上面titlebar 上图标，负责打开、关闭抽屉；

<?xml version="1.0" encoding="utf-8"?> 
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" 
 
 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 > 
 <linearlayout 
  android:orientation="horizontal" 
  android:layout_width="match_parent" 
  android:id="@+id/titlebar" 
  android:gravity="center_vertical" 
  android:background="@android:color/darker_gray" 
  android:layout_height="40dp"> 
 
  <imageview 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:src="@drawable/ic_drawer" 
   android:onclick="onclickdraweropened" 
   android:clickable="true" 
   android:id="@+id/imageview" /> 
 </linearlayout> 
 <android.support.v4.widget.drawerlayout 
  android:id="@+id/drawer_layout" 
  android:layout_below="@id/titlebar" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  <!-- the main content view --> 
 
  <framelayout 
   android:id="@+id/content_frame" 
 
   android:layout_width="match_parent" 
   android:layout_height="match_parent"></framelayout> 
 
  <!-- the navigation drawer --> 
  <listview 
   android:id="@+id/left_drawer" 
   android:layout_width="240dp" 
   android:layout_height="match_parent" 
   android:layout_gravity="start" 
   android:background="#111" 
   android:choicemode="singlechoice" 
   android:divider="@android:color/transparent" 
   android:dividerheight="0dp" /> 
 </android.support.v4.widget.drawerlayout> 
</relativelayout> 

上面这个例子包含了一些重要的布局技巧：

• 主内容view（framelayout在最上层）必须是drawerlayout的第一个子节点因为xml在安排这些界面的时候是按照z轴的顺序来安排的 同时 抽屉必须在主内容的顶部。
• 主内容view被设置成匹配父view的宽和高，因为当导航抽屉隐藏的时候它要填充整个ui。
• 导航view（listview）必须被声明一个水平的gravity借助属性android:layout_gravity。为了满足从右到左的约定，声明它的值为”start” 代替 “left”(因此这个抽屉将会在右面呈现当布局是rtl时)
• 在导航view声明时：宽度用dp为单位、高度匹配父view。为了保证用户无论怎样都能看到主内容的一部分，导航抽屉的宽度不能超过320dp
  

初始化drawer list

在你的activity中，要做的第一件事是初始化导航抽屉的列表项。具体该怎么做根据你app的内容来定，但是导航抽屉通常包含一个listview，所以还需要一个相匹配的adapter（比如 arrayadapter 或者 simplecursoradapter）
下面的例子，告诉你该如何借助一个string array 来初始化一个导航list

public class mainactivity extends activity { 
 private drawerlayout mdrawerlayout; 
 private listview mdrawerlist; 
 
 private string[] mplanettitles; 
 
 @override 
 protected void oncreate(bundle savedinstancestate) { 
  super.oncreate(savedinstancestate); 
  setcontentview(r.layout.activity_main); 
 
  mplanettitles = getresources().getstringarray(r.array.planets_array); 
  mdrawerlayout = (drawerlayout) findviewbyid(r.id.drawer_layout); 
  mdrawerlist = (listview) findviewbyid(r.id.left_drawer); 
 
  // set a custom shadow that overlays the main content when the drawer opens 
  mdrawerlayout.setdrawershadow(r.drawable.drawer_shadow, gravitycompat.start); 
  // set up the drawer's list view with items and click listener 
  mdrawerlist.setadapter(new arrayadapter<string>(this, 
    r.layout.drawer_list_item, mplanettitles)); 
  mdrawerlist.setonitemclicklistener(new draweritemclicklistener()); 
 } 
//................................ 
} 

处理导航点击事件

当用户选择了抽屉列表里面的一个item时, 系统调用onitemclicklistener上的onitemclick(), 给setonitemclicklistener().
你在onitemclick()方法里面做什么, 取决于你的app实现的结构. 在下面的例子中, 选择每一个item都会在主要内容的布局中插入一个不同的fragment.

private class draweritemclicklistener implements listview.onitemclicklistener { 
 @override 
 public void onitemclick(adapterview<?> parent, view view, int position, long id) { 
  selectitem(position); 
 } 
 } 
 
 private void selectitem(int position) { 
 // update the main content by replacing fragments 
 fragment fragment = new planetfragment(); 
 bundle args = new bundle(); 
 args.putint(planetfragment.arg_planet_number, position); 
 fragment.setarguments(args); 
 
 fragmentmanager fragmentmanager = getfragmentmanager(); 
 fragmentmanager.begintransaction().replace(r.id.content_frame, fragment).commit(); 
 
 // update selected item and title, then close the drawer 
 mdrawerlist.setitemchecked(position, true); 
 mdrawerlayout.closedrawer(mdrawerlist); 
 } 

 打开和关闭抽屉 

使用ondraweropened()和ondrawerclosed () 打开和关闭抽屉：

public void onclickdraweropened(view drawerview) { 
 if(!mdrawerlayout.isdraweropen(gravitycompat.start))//if not open ,open or close; 
 { 
 mdrawerlayout.opendrawer(mdrawerlist); 
 } 
 else 
 { 
 mdrawerlayout.closedrawer(mdrawerlist); 
 } 
} 

效果图：

demo 下载

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