Android抽屉导航Navigation Drawer实例解析

我们重点来研究一下android抽屉导航 navigationdrawer。先来感性认识一下这种效果吧：

看了很多应用，觉得这种侧滑的抽屉效果的菜单很好。不用切换到另一个页面，也不用去按菜单的硬件按钮，直接在界面上一个按钮点击，菜单就滑出来，而且感觉能放很多东西。

最简单就是用官方的抽屉导航 navigationdrawerlayout 来实现。drawerlayout这个类是在support library里的，需要加上android-support-v4.jar这个包。然后程序中用时在前面导入import android.support.v4.widget.drawerlayout;

如果找不到这个类，首先用sdk manager更新一下android support library，然后在android sdk\extras\android\support\v4路径下找到android-support-v4.jar，复制到项目的libs路径，将其add to build path.

当你新建一个 android 项目的时候，你可以选择使用 navigation drawer：

我们来简要看看代码，首先是 navigationdrawerfragment.java 这个类，加载了哪些布局文件。

@override
public view oncreateview(layoutinflater inflater, viewgroup container,
    bundle savedinstancestate) {
  // 给抽屉listview找到对应的xml布局
  mdrawerlistview = (listview) inflater.inflate(
      r.layout.fragment_navigation_drawer, container, false);
  // 给抽屉listview绑定点击监听器，点击时，选中点击的项
  mdrawerlistview.setonitemclicklistener(new adapterview.onitemclicklistener() {
    @override
    public void onitemclick(adapterview<?> parent, view view, int position, long id) {
      selectitem(position);
    }
  });
   
  // 给抽屉listview绑定一个适配器
  mdrawerlistview.setadapter(new arrayadapter<string>(
      getactionbar().getthemedcontext(),
      android.r.layout.simple_list_item_activated_1,
      android.r.id.text1,
      new string[]{
          getstring(r.string.title_section1),
          getstring(r.string.title_section2),
          getstring(r.string.title_section3),
          getstring(r.string.title_section4),
          getstring(r.string.title_section5),
      }));
   
  //mdrawerlistview.setadapter(new draweradapter(getactivity()));
  // 设置抽屉listview以显示某一选中项的形态出现。
  mdrawerlistview.setitemchecked(mcurrentselectedposition, true);
  // 将处理后的抽屉listview返回

  return mdrawerlistview;
}

navigationdrawer 主要是一个 listview，这个 listview 使用了 fragment_navigation_drawer.xml：

<listview 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"
  android:background="@color/image_bg_green"
  android:choicemode="singlechoice"
  android:divider="@color/image_bg_lightgreen"
  android:dividerheight="1dp"
  tools:context="net.nowamagic.magicapp_v7.navigationdrawerfragment" />

这个 listview 就是抽屉导航直观上看到的那个 listview。同时 listview 里面每个格子都由一个相对布局填充，其 xml 为 fragment_main.xml：

<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"
  android:paddingbottom="@dimen/activity_vertical_margin"
  android:paddingleft="@dimen/activity_horizontal_margin"
  android:paddingright="@dimen/activity_horizontal_margin"
  android:paddingtop="@dimen/activity_vertical_margin"
  tools:context="net.nowamagic.magicapp_v7.mainactivity$placeholderfragment" >
  <textview
    android:id="@+id/section_label"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
</relativelayout>

新建一个基于 navigationdrawer 的项目，大概效果如下：

以上就是本文的全部内容，希望能给大家一个参考，也希望大家多多支持。