[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;
    }
}