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.csdn.net/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了，没有必要，大家看下来，应该是完全不成问题的，祝大家工作愉快，身心健康。