学习日记--SwipeMenuListView

Android平台上的第三方开源项目SwipeMenuListView是一种可以在某一个view条目中响应用户左右侧滑（从左向右，或从右向左滑动），滑出操作菜单的UI控件。类似这种控件达到的UI效果，在一些流行的APP中应用广泛，比如QQ的消息列表中的某一列表项，当用户手指触摸某一项，然后向左边滑，则滑出QQ的“置顶”，“删除”选项菜单.

现在基于SwipeMenuListView实现QQ的上述列表子项目侧滑（左滑、右滑）效果。SwipeMenuListView是在github上的第三方开源项目，该项目在github上的链接地址是：点击打开链接。使用之前，需要导入点击打开链接该项目的库文件，下载后，将library/
src/main/java/com/ baoyz/ swipemenulistview目录下的所有源代码文件放入自己的项目代码包中即可使用，源代码文件和包结构如图所示：



一、Java 代码

package com.hxzy.swipemenulistview;

import java.util.ArrayList;

import com.baoyz.swipemenulistview.SwipeMenu;
import com.baoyz.swipemenulistview.SwipeMenuCreator;
import com.baoyz.swipemenulistview.SwipeMenuItem;
import com.baoyz.swipemenulistview.SwipeMenuListView;
import com.baoyz.swipemenulistview.SwipeMenuListView.OnMenuItemClickListener;
import com.baoyz.swipemenulistview.SwipeMenuListView.OnSwipeListener;

import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
private ArrayAdapter adapter;
private ArrayList<String> data;
private SwipeMenuListView sListView;
private Handler handler;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

handler = new Handler() {

@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case 0: {
int position = (Integer) msg.obj;
String str = data.get(position);
data.remove(position);
data.add(0, str);
adapter.notifyDataSetChanged();
Toast.makeText(getApplicationContext(), "已置顶", 0).show();
break;
}
case 1: {
Toast.makeText(getApplicationContext(), "打开", 0).show();
break;
}
case 2: {
int position = (Integer) msg.obj;
data.remove(position);
adapter.notifyDataSetChanged();
Toast.makeText(getApplicationContext(), "删除成功", 0).show();
break;
}

default:
break;
}
}

};

SwipeMenuCreator creator = new SwipeMenuCreator() {

@Override
public void create(SwipeMenu menu) {

// 设置置顶的菜单按钮，设置了图标和标题
SwipeMenuItem top = new SwipeMenuItem(getApplicationContext());
top.setBackground(new ColorDrawable(Color.LTGRAY));
top.setWidth(dp2px(90));
top.setTitle("置顶");
top.setTitleSize(20);
top.setIcon(R.drawable.ic_top);
top.setTitleColor(Color.RED);
menu.addMenuItem(top);

SwipeMenuItem openItem = new SwipeMenuItem(getApplicationContext());
openItem.setBackground(new ColorDrawable(Color.GREEN));
openItem.setWidth(dp2px(90));
openItem.setTitle("打开");
openItem.setTitleSize(20);
openItem.setTitleColor(Color.YELLOW);
menu.addMenuItem(openItem);

SwipeMenuItem deleteItem = new SwipeMenuItem(getApplicationContext());
deleteItem.setBackground(new ColorDrawable(Color.LTGRAY));
deleteItem.setWidth(dp2px(90));
deleteItem.setIcon(R.drawable.ic_delete);
menu.addMenuItem(deleteItem);

}
};

sListView = (SwipeMenuListView) findViewById(R.id.sListView);
sListView.setMenuCreator(creator);

sListView.setOnMenuItemClickListener(new OnMenuItemClickListener() {

@Override
public boolean onMenuItemClick(int position, SwipeMenu menu, int index) {
// index的值就是在SwipeMenu依次添加SwipeMenuItem顺序值，类似数组的下标。
// 从0开始，依次是：0、1、2、3...
switch (index) {
case 0: {
// 使菜单平滑的关闭
sListView.smoothCloseMenu();
Message msg0 = handler.obtainMessage();
msg0.what = 0;
msg0.obj = position;

handler.sendMessageDelayed(msg0, 500);
String str = data.get(position);
break;
}
case 1: {
Message msg1 = handler.obtainMessage();
msg1.what = 1;
msg1.obj = position;
hhandler.sendMessageDelayed(msg1, 500);
break;
}
case 2: {
sListView.smoothCloseMenu();

Message msg2 = handler.obtainMessage();
msg2.what = 2;
msg2.obj = position;
handler.sendMessageDelayed(msg2, 500);
}
default:
break;
}
// false : 当用户触发其他地方的屏幕时候，自动收起菜单。
// true : 不改变已经打开菜单的样式，保持原样不收起。
return false;
}
});

// 监测用户在ListView的SwipeMenu侧滑事件。
sListView.setOnSwipeListener(new OnSwipeListener() {

@Override
public void onSwipeStart(int position) {
Log.d("position:" + position, "start swipe!!");
}

@Override
public void onSwipeEnd(int position) {
Log.d("position:" + position, "swipe complete");
}
});

// 测试数据集。
data = new ArrayList<String>();
for (int i = 0; i < 50; i++) {
data.add("数据-->" + i);
}

adapter = new MyAdapter(this, -1);
sListView.setAdapter(adapter);
}

private class MyAdapter extends ArrayAdapter {
private LayoutInflater flater;

public MyAdapter(Context context, int textViewResourceId) {
super(context, textViewResourceId);
flater = LayoutInflater.from(getApplicationContext());
}

@Override
public int getCount() {
return data.size();
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null)
convertView = flater.inflate(R.layout.item, null);
TextView text = (TextView) convertView.findViewById(R.id.textView);
text.setText(data.get(position));

return convertView;
}

}

private int dp2px(float dipValue) {
final float scale = MainActivity.this.getResources().getDisplayMetrics().density;

return (int) (dipValue * scale + 0.5f);
}
}

二、Layout布局文件

1、activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.hxzy.swipemenulistview.MainActivity" >

<com.baoyz.swipemenulistview.SwipeMenuListView
android:id="@+id/sListView"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</com.baoyz.swipemenulistview.SwipeMenuListView>

</RelativeLayout>

2、item.xml

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

<ImageView
android:id="@+id/imageView"
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/ic_launcher" />

<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/imageView"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/imageView"
android:gravity="center"
android:textSize="20sp" />

</RelativeLayout>