失眠网 > Android侧滑控件之DrawerLayout的使用

Android侧滑控件之DrawerLayout的使用

时间：2024-01-02 03:57:42

一：简介：

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

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

1.用SlidingDrawer：

/reference/android/widget/SlidingDrawer.html

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

Deprecated since API level 17

2.用DrawerLayout：

/reference/android/support/v4/widget/DrawerLayout.html

Guide在这里：

/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的侧滑菜单，有兴趣的小伙伴，可以去看看：/u011546655/article/details/46564709

三：效果图

四：示例源码

1：主要布局文件

<android.support.v4.widget.DrawerLayout xmlns:android="/apk/res/android"android:id="@+id/drawer_layout"android:layout_width="match_parent"android:layout_height="match_parent" ><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="fitXY"android:src="@drawable/image_1" /><ListViewandroid: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="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="match_parent"android:background="#ff0000"android:orientation="vertical" ><TextViewandroid:id="@+id/drawer_layout_title"android:layout_width="240dp"android:layout_height="40dp"android:gravity="center"android:text="QQ"android:textColor="#ffffff" /><Viewandroid: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 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 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());}}}