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>