粗略介绍Android NavigationDrawer抽屉导航

服务器君一共花费 7.828 ms 进行了 4 次数据库查询，努力地为您提供了这个页面。

1. Chapter: Android抽屉导航NavigationDrawer
2. 1. 1. 粗略介绍Android NavigationDrawer抽屉导航
   2. 2. 以更多的方式呼出NavigationDrawer菜单
   3. 3. 给Drawer菜单的ListView加点小图标吧
   4. 4. ActionBarDrawerToggle的简要介绍
   5. 5. App icon编程涉及的几个函数介绍

在这个专题里面，我们重点来研究一下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 项目的时候，你可以选择使用 NavigationDrawer：

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

01

@Override

02	public View onCreateView(LayoutInflater inflater, ViewGroup container,

03	Bundle savedInstanceState) {

04	// 给抽屉ListView找到对应的XML布局

05	mDrawerListView = (ListView) inflater.inflate(

06	R.layout.fragment_navigation_drawer, container, false);

07	// 给抽屉ListView绑定点击监听器，点击时，选中点击的项

08	mDrawerListView.setOnItemClickListener(newAdapterView.OnItemClickListener() {

09

@Override

10	public void onItemClick(AdapterView<?> parent, View view, intposition, long id) {

11	selectItem(position);

12

}

13

});

14

15	// 给抽屉ListView绑定一个适配器

16	mDrawerListView.setAdapter(new ArrayAdapter<String>(

17	getActionBar().getThemedContext(),

18	android.R.layout.simple_list_item_activated_1,

19	android.R.id.text1,

20	new String[]{

21	getString(R.string.title_section1),

22	getString(R.string.title_section2),

23	getString(R.string.title_section3),

24	getString(R.string.title_section4),

25	getString(R.string.title_section5),

26

}));

27

28	//mDrawerListView.setAdapter(new DrawerAdapter(getActivity()));

29	// 设置抽屉ListView以显示某一选中项的形态出现。

30	mDrawerListView.setItemChecked(mCurrentSelectedPosition, true);

31	// 将处理后的抽屉ListView返回

32	return mDrawerListView;

33

}

NavigationDrawer 主要是一个 ListView，这个 ListView 使用了 fragment_navigation_drawer.xml：

1	<ListView xmlns:android="http://schemas.android.com/apk/res/android"

2	xmlns:tools="http://schemas.android.com/tools"

3	android:layout_width="match_parent"

4	android:layout_height="match_parent"

5	android:background="@color/image_bg_green"

6	android:choiceMode="singleChoice"

7	android:divider="@color/image_bg_lightgreen"

8	android:dividerHeight="1dp"

9	tools:context="net.nowamagic.magicapp_v7.NavigationDrawerFragment" />

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

01	<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

02	xmlns:tools="http://schemas.android.com/tools"

03	android:layout_width="match_parent"

04	android:layout_height="match_parent"

05	android:paddingBottom="@dimen/activity_vertical_margin"

06	android:paddingLeft="@dimen/activity_horizontal_margin"

07	android:paddingRight="@dimen/activity_horizontal_margin"

08	android:paddingTop="@dimen/activity_vertical_margin"

09	tools:context="net.nowamagic.magicapp_v7.MainActivity$PlaceholderFragment">

10

11

<TextView

12	android:id="@+id/section_label"

13	android:layout_width="wrap_content"

14	android:layout_height="wrap_content" />

15

16	</RelativeLayout>

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

当然这个 NavigationDrawerFragment.java 还有很多内容，后面再慢慢详谈。