简单介绍抽屉效果

官方文档

使用DrawerLayout实现抽屉导航效果代替以前的滑动侧边栏，这是google建议的使用方式，相对以前的方式也简单许多。有点像是侧边栏，不过跟侧边栏还是有点不同的，它是在显示在actionbar的下面的，而侧边栏显然是用另外一个视图来遮盖当前的视图。当然，因为是13 google才更新的support库支持的组件，你需要把最低版本写到高点的版本，不能写成2.x的版本。

demo下载

布局其实很简单就可以了：

下面是核心的代码：

public void init() {
		manager = getFragmentManager();
		drawerLayer = (DrawerLayout) findViewById(R.id.drawer_layout);
		listView = (ListView) findViewById(R.id.left_drawer);
		// 设置一个简单的左边或者右边的影子
		drawerLayer.setDrawerShadow(R.drawable.drawer_shadow,
				GravityCompat.START);
		// 设置遮盖主要内容的布颜色
		drawerLayer.setScrimColor(Color.TRANSPARENT);

		ArrayAdapter adapter = new ArrayAdapter(this,
				R.layout.tv_txt, arr);
		listView.setAdapter(adapter);
		
		listView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView arg0, View arg1,
					int position, long arg3) {
				// TODO Auto-generated method stub
				setClickItem(position);
			}
		});
	}

	/**
	 * 替换碎片
	 */
	public void setClickItem(int position) {
		TestFragment fragment = new TestFragment();
		// 传值
		Bundle bundle = new Bundle();
		bundle.putString("color", arr[position]);
		fragment.setArguments(bundle);
		manager.beginTransaction().replace(R.id.content_frame, fragment)
				.commit();

		// 关闭侧边列表
		drawerLayer.closeDrawer(listView);
	}

效果：

效果做的很简单，大概能看清嘛。

一张简单的布局看清抽屉的原理：

效果：

抽屉效果，一层为显示ListView,一层显示FramLayout。把他们整体看为一个组件使用就很好理解了。

menu控件：

只有一个点击的按钮。

右边滑出的效果：

如果你想使用的是左边侧滑出来的效果的话，很简单：

在布局中：

android:layout_gravity="start"

在代码里面修改滑动布局的的属性：

if (item.getItemId() == R.id.action_websearch2) {
			if (mDrawerLayout.isDrawerOpen(mRightLayout)) {
				mDrawerLayout.closeDrawer(Gravity.START);
			} else {
				mDrawerLayout.openDrawer(Gravity.START);
			}
		}

左边侧滑出的效果：

左右同时有抽屉：

效果：

其实更建议使用这样的书写方式：

如果对主页面不咋修改，不想使用FramLayout：

效果：

这样就跟直接写xml一样了，很简单的实现了抽屉效果，也可以不要外面的那层布局。

注意：

1.显示界面主要内容的View（FragmentLayout）必须为DrawerLayout的第一个子View，原因是在于XML布局文件中的View顺序为android系统中的z-ordering顺序，而抽屉必须出现在内容上。

2.在抽屉ListView中 android:layout_gravity="right/left/start"，必须要设置。

3.按back键，类型转换异常：

@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		// TODO Auto-generated method stub
		// 打开侧边栏
		if (keyCode == KeyEvent.KEYCODE_BACK && listView.isShown()) {
			drawerLayer.closeDrawer(listView);
			return true;
		}
		// 关闭侧边栏
		else if (keyCode == KeyEvent.KEYCODE_MENU) {
			drawerLayer.openDrawer(listView);
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}