Android侧滑控件之DrawerLayout的使用

一：简介：

其实DrawerLayout这个东西呢，跟LinearLayout布局差不多，但是其中却又一点差别。

关于实现，搜索了一下，有如下两种：

　　1.用SlidingDrawer：

　　http://developer.android.com/reference/android/widget/SlidingDrawer.html

　　但是不知道为什么这个类官方不建议再继续用了：

　　Deprecated since API level 17

　　2.用DrawerLayout：

　　http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html

　　Guide在这里：

　　http://developer.android.com/training/implementing-navigation/nav-drawer.html

库的引用：

1.首先， DrawerLayout这个类是在Support Library里的，需要加上android-support-v4.jar这个包。
2.然后程序中用时在前面导入import android.support.v4.widget.DrawerLayout;
3.如果找不到这个类，首先用SDK Manager更新一下Android Support Library，然后在Android SDK\extras\android\support\v4路
4.径下找到android-support-v4.jar，复制到项目的libs路径，将其Add to Build Path.
5.ps：现在一般的情况下，自己的项目中都会有v4包，所以不用导入，以上内容是借鉴别人的。

二：插曲

但是一定只有这两种方式实现么，答案肯定不是的，当然，你也可以自己打造自己的自定义侧滑菜单，所以的东西都是碰到的了，那么才被研发出来的，所以，只要你懂的一些必须的基础，或许在你手中可以展现出不一样的风采，别人或许在吹牛逼的时候，就会说，那个谁谁谁，研究了什么框架，好牛逼，真tm好用，或许下一个就是你也说不定。

这里说一下QQ的侧滑菜单，有兴趣的小伙伴，可以去看看：http://blog.youkuaiyun.com/u011546655/article/details/46564709

三：效果图

四：示例源码

1：主要布局文件

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

    <!-- 主要内容的视图 -->
    <!-- main content must be the first element of DrawerLayout because it will be drawn first and drawer must be on top of it -->


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/image_1" />

    <!-- 导航菜单 -->

    <ListView
        android:id="@+id/left_listview"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#ff0000"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:scrollbars="none" />

</android.support.v4.widget.DrawerLayout>

2：菜单listview布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="#ff0000"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/drawer_layout_title"
            android:layout_width="240dp"
            android:layout_height="40dp"
            android:gravity="center"
            android:text="QQ"
            android:textColor="#ffffff" />

        <View
            android:layout_width="240dp"
            android:layout_height="1dp"
            android:layout_marginBottom="0.5dp"
            android:background="#ffffff" />
    </LinearLayout>

</LinearLayout>

3.bean对象（非必须这样写）

public class DrawerLayouts implements Serializable {

	private static final long serialVersionUID = 1L;

	private String text;

	public DrawerLayouts() {
	}

	public DrawerLayouts(String text) {
		this.text = text;
	}

	public String getText() {
		return text;
	}

	public void setText(String text) {
		this.text = text;
	}

}

4：主界面调用

package com.demo.ui;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

import com.demo.adapter.DrawerLayoutAdapter;
import com.demo.bean.DrawerLayouts;

/**
 * DrawerLayout 演示
 * 
 * @author zengtao 2015年7月27日 下午4:06:40 
 *
 */
public class MainActivity extends Activity {

	private ListView left_listview;
	private List<DrawerLayouts> list = new ArrayList<DrawerLayouts>();
	private DrawerLayoutAdapter adapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main_activity);
		initView();
		initData();
	}

	private void initView() {
		left_listview = (ListView) findViewById(R.id.left_listview);
	}

	private void initData() {
		list.add(new DrawerLayouts("懒洋洋"));
		list.add(new DrawerLayouts("喜洋洋"));
		list.add(new DrawerLayouts("美羊羊"));
		list.add(new DrawerLayouts("沸羊羊"));
		list.add(new DrawerLayouts("红太狼"));
		list.add(new DrawerLayouts("黑太郎"));

		adapter = new DrawerLayoutAdapter(list);
		left_listview.setAdapter(adapter);
		adapter.notifyDataSetChanged();
	}
}

5.适配器

package com.demo.adapter;

import java.util.ArrayList;
import java.util.List;
import android.annotation.SuppressLint;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import com.demo.bean.DrawerLayouts;
import com.demo.ui.R;

/**
 * 
 * @author zengtao 2015年7月27日 下午4:10:19 
 *
 */
public class DrawerLayoutAdapter extends BaseAdapter {
	private List<DrawerLayouts> list = new ArrayList<DrawerLayouts>();

	public DrawerLayoutAdapter(List<DrawerLayouts> list) {
		this.list = list;
	}

	@Override
	public int getCount() {
		return list.isEmpty() ? 0 : list.size();
	}

	@Override
	public Object getItem(int position) {
		return list.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@SuppressLint("InflateParams")
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		if (convertView == null) {
			convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.drawer_layout_item, null);
			ViewHolder vh = new ViewHolder(convertView);
			convertView.setTag(vh);
		}
		ViewHolder vh = (ViewHolder) convertView.getTag();
		vh.fillView(list.get(position));
		return convertView;
	}

	static class ViewHolder {
		private TextView text;

		public ViewHolder(View view) {
			text = (TextView) view.findViewById(R.id.drawer_layout_title);
		}

		public void fillView(DrawerLayouts ds) {
			text.setText(ds.getText());
		}
	}
}

五：总结

以上就完成了对DrawerLayout的使用，看起来非常的简单，这里也就不发相应的demo了，没有必要，大家看下来，应该是完全不成问题的，祝大家工作愉快，身心健康。