ListView滑动删除之Viewgroup打造滑动控件(修正版)

这是修正版，修正了之前ontouch里面的一些判断问题，采用了任玉刚老师博客里面的判断方式，也怪自己没有做好充分的了解就动笔发布了博客！

HELLO大家好，好久没写博客了。。最近在家练车，天寒地冻疯狂受苦。

在这里先祝大家2015年升官发财！

如题本期是ListView的滑动删除效果，Gitub上其实是已经有一个非常好的开源项目了，不过还是那句话理解了才是最好的，现在的listview滑动删除效果大部分都是采用先打造一个滑动控件然后解决listview的滑动冲突，所有我们今天先来打造一个滑动控件，先上个效果图

1,自定义ViewGroup

可以看到我们的滑动控件其实是由俩部分组成，第一部分为内容，第二部分为我们的删除按钮，那么我们就可以自己打造一个ViewGroup来实现。

public class MySwipeItem extends ViewGroup {

	/**
	 * 删除按钮
	 */
	private View mButtonView;
	/**
	 * 内容
	 */
	private View mContentView;
	/**
	 * 控制滚动
	 */
	private Scroller mScroller;
	/**
	 * 记录坐标
	 */
	private int lastX = 0;
	/**
	 * 滚动最大值
	 */
	private int mMaxDistancex = 100;

	public MySwipeItem(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init(context);
		// TODO Auto-generated constructor stub
	}

	public MySwipeItem(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
		// TODO Auto-generated constructor stub
	}

	public MySwipeItem(Context context) {
		super(context);
		init(context);
	}

	private void init(Context context) {
		mScroller = new Scroller(context);
		mButtonView = LayoutInflater.from(context).inflate(R.layout.button,
				null);
		mContentView = LayoutInflater.from(context).inflate(R.layout.content,
				null);
		addView(mContentView);
		addView(mButtonView);
		mMaxDistancex = Math.round(TypedValue.applyDimension(
				TypedValue.COMPLEX_UNIT_DIP, mMaxDistancex, getResources()
						.getDisplayMetrics()));
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		mButtonView.measure(widthMeasureSpec, heightMeasureSpec);
		mContentView.measure(widthMeasureSpec, heightMeasureSpec);
	}

我们把俩内容布局以及button布局add进来之后测量他们的大小，因为内容布局是fill，button布局是确定的大小所以我们直接用MeasureSpec就可以了，接下来我们应该要考虑给他们排序，button按钮是在内容右边不可见，也就是说我们要在onlayout里面手动给他们排列

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		mContentView.layout(l, t, r, b);
		mButtonView.layout(r, t, r + mButtonView.getMeasuredWidth(), b);
	}

这样我们的button就永远的在内容的右边了，同理我们想要俩个button的时候大家应该都懂得。布局完毕之后我们就要开始让他
们动起来。

2,Scroller巧用

我们在最开始定义了一个Scroller，使用它以及scrollto就可以让我们的控件滚动起来

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		int scrollX = getScrollX();
		int x = (int) event.getX();
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN: {
			if (!mScroller.isFinished()) {
				mScroller.abortAnimation();
			}
			break;
		}
		case MotionEvent.ACTION_MOVE: {
			int deltaX = x - lastX;
			Log.d("TAG", "X:" + lastX);
			Log.d("TAG", "deX:" + deltaX);
			Log.d("TAG", "scrollerX:" + scrollX);
			// 计算滑动终点是否合法，防止滑动越界
			int newScrollX = scrollX - deltaX;
			if (deltaX != 0) {
				if (newScrollX < 0) {
					newScrollX = 0;
				} else if (newScrollX > mMaxDistancex) {
					newScrollX = mMaxDistancex;
				}
				this.scrollTo(newScrollX, 0);
			}
			break;
		}
		case MotionEvent.ACTION_UP: {
			int newScrollX = 0;
			// 这里做了下判断，当松开手的时候，会自动向两边滑动，具体向哪边滑，要看当前所处的位置
			if (scrollX > mMaxDistancex / 2) {
				newScrollX = mMaxDistancex;
			}
			// 慢慢滑向终点
			this.smoothScrollTo(newScrollX, 0);
			break;
		}
		}
		lastX = x;
		return true;
	}

在这里优化了判断过程使得代码更简洁，我们只需要比对newScroll就可以判断是否越界

private void smoothScrollTo(int destX, int destY) {
		// 缓慢滚动到指定位置
		int scrollX = getScrollX();
		int delta = destX - scrollX;
		mScroller.startScroll(scrollX, 0, delta, 0, Math.abs(delta) * 3);
		invalidate();
	}

我们调用了startScroll之后又postInvalidate，这时回调父控件的computeScroll方法

@Override
	public void computeScroll() {
		if (mScroller.computeScrollOffset()) {
			scrollTo(mScroller.getCurrX(), 0);
			postInvalidate();
		}
	}

于是我们就得到了想要的滚动效果，这一期就到这吧，下一期解决listview滑动冲突！最后再祝大家2015快快乐乐！

项目源码