一：简介：

其实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;@Overrideprotected 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;}@Overridepublic int getCount() {return list.isEmpty() ? 0 : list.size();}@Overridepublic Object getItem(int position) {return list.get(position);}@Overridepublic long getItemId(int position) {return position;}@SuppressLint("InflateParams")@Overridepublic 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了，没有必要，大家看下来，应该是完全不成问题的，祝大家工作愉快，身心健康。

Android侧滑控件之DrawerLayout的使用

一：简介：

二：插曲

三：效果图

四：示例源码

五：总结

更多相关文章

随机推荐