Android SwipeMenuListView



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

如今基于SwipeMenuListView实现QQ的上述列表子项目側滑（左滑、右滑）效果。

SwipeMenuListView是在github上的第三方开源项目，该项目在github上的链接地址是：https://github.com/baoyongzhang/SwipeMenuListView 。

使用之前，须要导入https://github.com/baoyongzhang/SwipeMenuListView该项目的库文件，下载后。将library/ src/main/java/com/ baoyz/ swipemenulistview文件夹下的全部源码文件放入自己的项目代码包中就可以使用，源码文件和包结构如图所看到的：

然后就能够在自己的项目中使用SwipeMenuListView了。现举例写出一个演示代码。效果例如以下：

上述效果的所有源码例如以下：

package zhangphil.swipemenulistview;

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

import android.support.v7.app.ActionBarActivity;
import android.util.Log;
import android.widget.ArrayAdapter;
import android.widget.Toast;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;

public class MainActivity extends ActionBarActivity {
	
	private	Context context;

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

		SwipeMenuCreator creator = new SwipeMenuCreator() {

			@Override
			public void create(SwipeMenu menu) {
				
				SwipeMenuItem openItem = new SwipeMenuItem(context);
				openItem.setBackground(new ColorDrawable(Color.GREEN));
				openItem.setWidth(dp2px(90));
				openItem.setTitle("打开");
				openItem.setTitleSize(20);
				openItem.setTitleColor(Color.WHITE);
				menu.addMenuItem(openItem);				

				SwipeMenuItem deleteItem = new SwipeMenuItem(context);
				deleteItem.setBackground(new ColorDrawable(Color.LTGRAY));
				deleteItem.setWidth(dp2px(90));
				deleteItem.setIcon(android.R.drawable.ic_delete);
				menu.addMenuItem(deleteItem);
			}
		};
		
		SwipeMenuListView listView = (SwipeMenuListView) findViewById(R.id.listView);
		listView.setMenuCreator(creator);

		listView.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
			@Override
			public boolean onMenuItemClick(int position, SwipeMenu menu,int index) {
				//index的值就是在SwipeMenu依次加入SwipeMenuItem顺序值。相似数组的下标。
				//从0開始。依次是：0、1、2、3...
				switch (index) {
				case 0:
					Toast.makeText(context, "打开:"+position,Toast.LENGTH_SHORT).show();
					break;

				case 1:
					Toast.makeText(context, "删除:"+position,Toast.LENGTH_SHORT).show();
					break;
				}

				// false : 当用户触发其它地方的屏幕时候，自己主动收起菜单。

				// true : 不改变已经打开菜单的样式，保持原样不收起。
				return false;
			}
		});

		// 监測用户在ListView的SwipeMenu側滑事件。

		listView.setOnSwipeListener(new SwipeMenuListView.OnSwipeListener() {

			@Override
			public void onSwipeStart(int pos) {
				Log.d("位置:" + pos, "開始側滑...");
			}

			@Override
			public void onSwipeEnd(int pos) {
				Log.d("位置:" + pos, "側滑结束.");
			}
		});

		//測试数据集。
		String[] data = new String[30];
		for (int i = 0; i < data.length; i++) {
			data[i] = "測试数据:" + i;
		}

		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, data);
		listView.setAdapter(adapter);
	}

	public int dp2px(float dipValue) {
		final float scale = this.getResources().getDisplayMetrics().density;
		return (int) (dipValue * scale + 0.5f);
	}
}

MainActivity.java须要的布局文件activity_main.xml :

<LinearLayout 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"
    android:orientation="vertical" >

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