使用DrawerLayout实现侧滑菜单

Android 开发中实现侧滑菜单一般都使用开源框架SlidingMenu（点击打开链接）实现。也有用谷歌的DrawerLayout控件实现的。本文就对使用DrawerLayout实现基本的侧滑菜单做简单介绍。

使用DrawerLayout控件许导入android.support.v4.widget.DrawerLayou包，并将该控件作为布局文件的根节点。我写的布局文件如下：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:id="@+id/linear_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <ListView
            android:id="@+id/content_listview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </ListView>
    </LinearLayout>

    <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>

在android.support.v4.widget.DrawerLayout结点中，包含两个子结点，其中第一个子结点LinearLayout是在侧滑菜单隐藏的时候显示的内容，第二个子结点ListView是侧滑菜单要显示的控件布局。这里需要主要3个地方：

1> 侧滑菜单隐藏时要显示的界面布局，一定要作为DrawerLayout根节点的第一个子结点。

2> 侧滑菜单布局的宽度不要超过320dp，保证在菜单完全显示的情况下，仍能看到部分主界面的内容

3> 菜单布局中，需使用android:layout_gravity属性设置gravity值。其中gravity值为left，侧滑菜单由屏幕左边界向右滑出；值为right,侧滑菜单由屏幕右边界向左滑出。如果界面要支持RTL,其值设为start，则当RTL语言运行时，菜单会从屏幕右边界滑出。

主要的实现代码如下：

@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
		content = (ListView) findViewById(R.id.content_listview);
		drawer = (ListView) findViewById(R.id.left_drawer);
		initData();
		content.setAdapter(new ContentAdapter(this, arrayList));
		content.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				// TODO Auto-generated method stub
				Toast.makeText(getApplicationContext(),
						arrayList.get(position), Toast.LENGTH_SHORT).show();
			}
		});
<pre name="code" class="java">               drawer.setAdapter(new ContentAdapter(getApplication(),
						arrayList));
	       drawer.setOnItemClickListener(new OnItemClickListener() {
                        @Override
		        public void onItemClick(AdapterView<?> parent, View view,
				int position, long id) {
				// TODO Auto-generated method stub
				Toast.makeText(getApplicationContext(),
                                                 arrayList.get(position), Toast.LENGTH_SHORT).show();
					}
				});

  mDrawerLayout.setDrawerListener(new DrawerListener() {@Overridepublic void onDrawerStateChanged(int arg0) {// TODO Auto-generated method stub}@Overridepublic void onDrawerSlide(View arg0, float arg1) {// TODO Auto-generated method stub}@Overridepublic void onDrawerOpened(View arg0) {// TODO Auto-generated method stubToast.makeText(getApplicationContext(), "侧滑菜单打开",Toast.LENGTH_SHORT).show();}@Overridepublic void onDrawerClosed(View arg0) {// TODO Auto-generated method stubToast.makeText(getApplicationContext(), "侧滑菜单关闭",Toast.LENGTH_SHORT).show();}});}private void initData() {arrayList = new ArrayList<String>();for (int i = 0; i < 30; i++) {arrayList.add("---->" + i);}}

上面的代码中通过mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);识别DrawerLayout控件，然后给该控件添加setDrawerListener 监听，实现DrawerListener方法，重写onDrawerOpened和onDrawerClosed方法。当侧滑菜单显示或者隐藏的时候，会调用这两个方法。

这就是DrawerLayout的使用，很简单。有疑问的话可以去点击打开链接上面看看官方教程。