Android自定义view-弹性ScrollView(下)

前言：

继上篇博客Android自定义view-弹性ScrollView(上)介绍的一种实现弹性ScrollView的方法后，有没有觉得处理touch事件太过于麻烦了好吧，我也觉得麻烦，决定就用现在比较火的ViewDragHelper去实现事件的控制。这篇博文的重点不在于ViewDragHelper的介绍，而是利用ViewDragHelper，所以会在全篇穿插着介绍ViewDragHelper，至于详细的介绍，会有机会写博客来介绍的，当然你也可以多看google官方的文档，那可是权威。

正文：

构造和准备工作都和前篇的一样，没什么区别，最主要的是在dispatchTouchEvent(MotionEvent ev) 上，我们把事件的控制权交给了ViewDragHelper:

@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		boolean shouldInterceptTouchEvent = mViewDragHelper.shouldInterceptTouchEvent(ev);
		return shouldInterceptTouchEvent;

	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		mViewDragHelper.processTouchEvent(ev);
		return true;
	}

通过mViewDragHelper.shouldInterceptTouchEvent(ev)去拦截分发touch事件，通过mViewDragHelper.processTouchEvent(ev)来处理touch事件。至于怎么处理的，目前你不需要清楚，肯定比你写的事件处理要全面。

现在我们把主要的精力放在如何去ViewDragHelper上。

mViewDragHelper = ViewDragHelper.create(this, 1.0f, new Callback() {

				// 控制移动的垂直范围
				@Override
				public int clampViewPositionVertical(View child, int top, int dy) {
					return top;
				}

				// 捕获的childView
				@Override
				public boolean tryCaptureView(View child, int pointerId) {
					return child == contentView;
				}

				/**
				 * view位置改变时
				 */
				@Override
				public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
					canPullDown = top > originalRect.top ? true : false;
					canPullUp = top < -1 * (originalRect.height() - getHeight()) ? true : false;
				}

				/**
				 * 手指释放时view回到初始状态
				 */
				@Override
				public void onViewReleased(View releasedChild, float xvel, float yvel) {
					if (releasedChild == contentView) {
						if (canPullDown) {
							mViewDragHelper.settleCapturedViewAt(originalRect.left, originalRect.top);
						}
						if (canPullUp) {
							mViewDragHelper.settleCapturedViewAt(originalRect.left, -(originalRect.height() - getHeight()));
						}
						invalidateView();
					}
				}

			});

诺，这是我们的主要逻辑代码，和之前的相比是不是特别简单清晰。对，就是这么简单。

对于ViewDragHelper对象的获取我们是在onFinishInflate()中获取的，为什么不放在构造器里呢？自己去思考一下吧。

我们不难发现ViewDragHelper的callback回调接口中有很多方法

• onViewDragStateChanged
当ViewDragHelper状态发生变化时回调（IDLE,DRAGGING,SETTING[自动滚动时]）
• onViewPositionChanged
当captureview的位置发生改变时回调
• onViewCaptured
当captureview被捕获时回调
• onViewReleased 
• onEdgeTouched
当触摸到边界时回调。
• onEdgeLock
true的时候会锁住当前的边界，false则unLock。
• onEdgeDragStarted 
• getOrderedChildIndex
改变同一个坐标（x,y）去寻找captureView位置的方法。（具体在：findTopChildUnder方法中）
• getViewHorizontalDragRange 
• getViewVerticalDragRange 
• tryCaptureView 
• clampViewPositionHorizontal 

clampViewPositionVertical 

这里有个注意点，在onViewReleased方法中，调用mViewDragHelper.settleCapturedViewAt(originalRect.left, originalRect.top);此方法需要重写

@Override
	public void computeScroll() {
		if (mViewDragHelper.continueSettling(true)) {
			invalidateView();
		}
	}

大家可以试试把这个方法不复写，会不会有效果。还有一点就是invalidateView()是什么方法？怎么没有这个方法，哈哈，这是自己写的一个方法，主要是重绘view的，我们进行了一定的判断。

// 重绘view
	private void invalidateView() {
		if (Looper.getMainLooper() == Looper.myLooper()) {
			invalidate();
		} else {
			postInvalidate();
		}
	}

有人一定有疑惑，为什么要这么写，其实大家不妨去查一下invalidate和postInvalidate的区别就明白了，你一定会收获另一个知识点的。

贴一下全部代码:

VHFlexibleScrollView.java:

package com.beyole.view;

import android.content.Context;
import android.graphics.Rect;
import android.os.Looper;
import android.support.v4.widget.ViewDragHelper;
import android.support.v4.widget.ViewDragHelper.Callback;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ScrollView;

public class VHFlexibleScrollView extends ScrollView {
	private static final String TAG = "FLEXIBLESCROLLVIEW";
	// ScrollView唯一的一个子view
	private View contentView;
	// 用于记录正常的布局位置
	private Rect originalRect = new Rect();
	// 记录手指按下时是否可以下拉
	private boolean canPullDown = false;
	// 记录手指按下时是否可以上拉
	private boolean canPullUp = false;
	private ViewDragHelper mViewDragHelper;

	public VHFlexibleScrollView(Context context) {
		this(context, null);
	}

	public VHFlexibleScrollView(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public VHFlexibleScrollView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);

	}

	/**
	 * 在加载完xml后获取唯一的一个childview
	 */
	@Override
	protected void onFinishInflate() {
		if (getChildCount() > 0) {
			// 获取第一个childview
			contentView = getChildAt(0);
			mViewDragHelper = ViewDragHelper.create(this, 1.0f, new Callback() {

				// 控制移动的垂直范围
				@Override
				public int clampViewPositionVertical(View child, int top, int dy) {
					return top;
				}

				// 捕获的childView
				@Override
				public boolean tryCaptureView(View child, int pointerId) {
					return child == contentView;
				}

				/**
				 * view位置改变时
				 */
				@Override
				public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
					canPullDown = top > originalRect.top ? true : false;
					canPullUp = top < -1 * (originalRect.height() - getHeight()) ? true : false;
				}

				/**
				 * 手指释放时view回到初始状态
				 */
				@Override
				public void onViewReleased(View releasedChild, float xvel, float yvel) {
					if (releasedChild == contentView) {
						if (canPullDown) {
							mViewDragHelper.settleCapturedViewAt(originalRect.left, originalRect.top);
						}
						if (canPullUp) {
							mViewDragHelper.settleCapturedViewAt(originalRect.left, -(originalRect.height() - getHeight()));
						}
						invalidateView();
					}
				}

			});
		}
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		super.onLayout(changed, l, t, r, b);
		if (contentView == null)
			return;
		// scrollview唯一的一个子view的位置信息，这个位置信息在整个生命周期中保持不变
		originalRect.set(contentView.getLeft(), contentView.getTop(), contentView.getRight(), contentView.getBottom());

	}

	@Override
	public boolean onInterceptTouchEvent(MotionEvent ev) {
		boolean shouldInterceptTouchEvent = mViewDragHelper.shouldInterceptTouchEvent(ev);
		return shouldInterceptTouchEvent;

	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		mViewDragHelper.processTouchEvent(ev);
		return true;
	}

	@Override
	public void computeScroll() {
		if (mViewDragHelper.continueSettling(true)) {
			invalidateView();
		}
	}

	// 重绘view
	private void invalidateView() {
		if (Looper.getMainLooper() == Looper.myLooper()) {
			invalidate();
		} else {
			postInvalidate();
		}
	}
}

MainActivity.java:

package com.beyole.flexiblescrollview;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

}

activity_main.xml:

<RelativeLayout 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" >

    <com.beyole.view.VHFlexibleScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200.0dip"
                android:scaleType="fitXY"
                android:src="@drawable/img1" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200.0dip"
                android:scaleType="fitXY"
                android:src="@drawable/img2" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="200.0dip"
                android:scaleType="fitXY"
                android:src="@drawable/img3" />
        </LinearLayout>
    </com.beyole.view.VHFlexibleScrollView>

</RelativeLayout>

下载地址:http://download.csdn.net/detail/smarticeberg/9439380

Github地址:https://github.com/xuejiawei/beyole_FlexibleScrollView，欢迎fork or star

题外话:

android交流群：279031247(广告勿入)

新浪微博:SmartIceberg