[Android]模仿QQ在listview上滑动出现删除键

基于前人的经验改善而来。

资料连接：

仿 QQ消息列表的滑动出现 删除按钮

http://www.eoeandroid.com/thread-313964-1-1.html

android listView滑动删除

http://my.eoe.cn/jiaxiaoya/archive/20879.html

第二种实现的工程

https://github.com/axlecho/moli_blog_qqdel
listview响应ontouch事件主要有两种方法，一种是重载Adapter里的getView，给每个item加ontouchlistener。由于经常获取不到ACTION_UP事件（与listview的手势事件有关），经常出现无法按下之后无法释放的情况。而且在item的clickenvent体验不好。

另外一种是直接在view或activity中监听ontouchevent，这样既不用修改Adapter ，效果也比较好。

比较少提及的是animation的实现，一般都是直接View.VISIBLE和View.INVISIBLE。 要做到跟qq那样的效果，至少要两层动画，一层遮罩，一层按钮。显示的时候按钮直接显示，遮罩scale变小。就可以作出从左到右按钮出现的效果。
第一种的实现

private class ListAdapter extends BaseAdapter {

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

@Override
public Object getItem(int pos) {
return listDatas.get(pos);
}

@Override
public long getItemId(int pos) {
return 0;
}

@Override
public View getView(final int pos, View convertView, ViewGroup parent) {
View view = getLayoutInflater().inflate(R.layout.list_item_view, null);
TextView textView = (TextView) view.findViewById(R.id.text);
textView.setText(listDatas.get(pos));
view.setOnTouchListener(new OnTouchListener() {

@Override
public boolean onTouch(View v, MotionEvent me) {
switch (me.getAction()) {
case MotionEvent.ACTION_MOVE:break;

case MotionEvent.ACTION_DOWN:
v.setBackgroundColor(Color.CYAN); //模拟按下效果
downX = me.getX();
break;

case MotionEvent.ACTION_UP:
upX = me.getX();
v.setBackgroundColor(Color.TRANSPARENT);
if (Math.abs(upX - downX) > 20) {
//滑动事件的响应
} else {
//点击事件的调用，记住这个pos必须是getview的参数,
//必须为final，可能是跟调用闭包有关
//手动调用列表的点击操作。
listView.performItemClick(v, pos, listView.getItemIdAtPosition(pos));
}
break;

default:break;
}
return true;
}
});
return view;
}
}

第二种的实现

private class ListViewEx extends ListView implements OnTouchListener {
private int pointX = -1;
private int pointY = -1;
private int position = -1;
private int endX = -1;
private int endY = -1;
private int newpos = -1;
private Button curDel_btn;
private TextView curMask;
private Context parentContext;

public ListViewEx(Context context) {
super(context);
setOnTouchListener(this);
parentContext = context;
}

@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 手指按下,计算焦点位于ListView的那个条目
pointX = (int) event.getX();
pointY = (int) event.getY();
position = listView.pointToPosition(pointX, pointY);
if (curDel_btn != null) {
curDel_btn.setVisibility(View.GONE);
}

if (curMask != null) {
curMask.setVisibility(View.GONE);
}
break;

case MotionEvent.ACTION_MOVE:break;

case MotionEvent.ACTION_UP:
endX = (int) event.getX();
endY = (int) event.getY();
newpos = listView.pointToPosition(endX, endY);
// 原本想着加上这个条件（newpos==position）是不是更精确些，
// 经过实践发现，其实我们在滑动listView的列表的时候有时候更渴望有滑动就ok
// 只允许从右向左滑
if (endX - pointX < -50) {
// 获取到ListView第一个可见条目的position
int firstVisiblePosition = listView.getFirstVisiblePosition();
View view = listView.getChildAt(position - firstVisiblePosition);
if (view == null)break;
Button delbtn = (Button) view.findViewById(R.id.btn_del);
TextView delbtnMask = (TextView) view.findViewById(R.id.btn_del_mask);
TextView bottomMask = (TextView) view.findViewById(R.id.bottom_mask);

//加载动画
bottomMask.setVisibility(View.VISIBLE);
delbtn.setVisibility(View.VISIBLE);
delbtnMask.setVisibility(View.VISIBLE);
delbtnMask.startAnimation(AnimationUtils.loadAnimation(parentContext,
R.anim.delete_show));
delbtnMask.setVisibility(View.INVISIBLE);

curDel_btn = delbtn;
curMask = bottomMask;
delbtn.setOnClickListener(new View.OnClickListener() {

@Override
public void onClick(View v) {
deleteRecord(listDatas.get(position));
listDatas.remove(position);
adapter.notifyDataSetChanged();
}
});
}
break;
default:break;
}
return false;
}
}