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 {privateContext context;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);context=this;setContentView(R.layout.activity_main);SwipeMenuCreator creator = new SwipeMenuCreator() {@Overridepublic 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() {@Overridepublic 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() {@Overridepublic void onSwipeStart(int pos) {Log.d("位置:" + pos, "开始侧滑...");}@Overridepublic 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>