自定义简单实现滑动下拉刷新效果

最近在看了一遍关于触摸事件的流程，所以索性写个例子总结一下，然后就产生了这个小例子，大神请绕过~：

一个自己制作的简单的下拉刷新的小控件，主要基于LinearLayout实现的，在内部只是关联了一个listview，非常简单，下面见效果图：



主要过程在于触摸事件的把控以及scroller的运用，还是比较简单的，首先看看布局：

<com.my.ownpulltorefreshdemo.ThisView
android:layout_width="match_parent"
android:orientation="vertical"
android:id="@+id/father"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="80dp"

android:layout_above="@+id/list"
android:text="anny_lin的刷新小demo"
android:layout_gravity="center"
android:gravity="center"
android:textColor="#ffffff"
//这句话是将刷新头部隐藏在上方的关键
android:layout_marginTop="-80dp"
android:textSize="20sp"
android:background="#5537c1"/>
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/list"

></ListView>
</com.my.ownpulltorefreshdemo.ThisView>

上面主要使用了marginTop=负数来进行隐藏刷新头部的作用。

看自定义LinearLayout的代码：

首先我们将ThisView继承自LinearLayout,重写他的构造函数，并且在构造函数中出事后一些参数：

private void init(Context context) {
//滑动的最小距离
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mScroller=new Scroller(context);
maxSmoothDistance= DensityUtil.dip2px(context,MAX_DISTANCE);
Log.e("maxSmoothDistance==",maxSmoothDistance+"");
}

mTouchSlop：主要运用于判断是否滑动的最小距离。

maxSmoothDistance：主要用来定义用户下拉的最大距离，我们需要把最大距离即MAX_DISTANCE转换成像素使用，写了一个基本的dp和px的转换类DensityUtil。

mScroller:主要运用于各种情况下的下拉刷新的自主滑动操作。

重写onLayout函数进行ThisView中子View的获取：

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
int count = this.getChildCount();
for (int i = 0; i < count; i++) {
if (getChildAt(i) instanceof ListView) {
listView = (ListView) getChildAt(i);
}
if (getChildAt(i)instanceof TextView)
{
refreshTextView= (TextView) getChildAt(i);
putRefreshHeight=refreshTextView.getHeight();
Log.e("putRefreshHeight","==="+putRefreshHeight);
}

}
if (listView == null) {
try {
throw new Exception("please checked out the Linearayout surely has a Listvew!");
} catch (Exception e) {
e.printStackTrace();
}
}
}

这里说明一下为什么在onLayout中获取子View,而不是其他方法中，我们知道View的绘制流程是通过onMeasure->onLayout->onDraw进行依次调用的,onLayout用来进行子View布局的确定，从而确定父容器的本身布局，所以我们在onLayout完成后在拿到子View对象的引用是最保险的。

其次，很多时候我们会遇到要使用getWidth()或者getHeight()进行空间或者布局的宽高获取，一般而言，我们极大可能会遇到获取的宽高=0的情况，可能的原因就是布局还没有初始化完成的时候我们却想要获取宽高，所以导致的这个问题，所以我们在layout完成后进行布局高宽的获取，即：

refreshTextView.getHeight();

接下来就是重头戏了

触摸事件的判断：

先看我们的onInterceptTouchEvent():

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
boolean intercept=false;
int action = ev.getAction();
if (action == MotionEvent.ACTION_DOWN) {
oldInterceptX = (int) ev.getX();
oldInterceptY = (int) ev.getY();
intercept=false;
if (!mScroller.isFinished()){
mScroller.abortAnimation();
intercept=true;
}

} else if (action == MotionEvent.ACTION_MOVE) {
interceptX = (int) ev.getX();
interceptY = (int) ev.getY();
int distance = interceptY - oldInterceptY;
//向下滑动,listview到头顶了,滑动最小距离超过mTouchSlop，
// 且当前正在刷新，则进行下拉刷新的实现
if (interceptY >oldInterceptY
&& Math.abs(distance) > mTouchSlop
&& isOnTop()
&&!isRefresh) {
//                Log.e("canReshresh",true+"");
intercept=true;
}else
intercept=false;
} else if (action == MotionEvent.ACTION_UP) {
oldInterceptX = (int) ev.getX();
oldInterceptY = (int) ev.getY();
intercept=false;
}
return intercept;
}

关于触摸事件的原理，在这里就不过多的去详述了，不理解的请自行查阅。

看上面的代码，我们定义了几个变量来记录触摸时候的坐标：

//正在触摸的坐标
private int interceptX, interceptY;
//上一次触摸是的坐标
private int oldInterceptX, oldInterceptY;

我们在ACTION_DOWN的时候返回了false,让父容器下发事件，Listview能够接受到事件进行滑动

当我们在ACTION_MOVE的时候，我们要进行判断是父容器拦截事件还是向下继续传递事件，我们常规来想就是当listview到达头部的时候，我们进行控件的下拉操作，即：

private boolean isOnTop() {
View child_one = listView.getChildAt(0);
//通过第一个child判断是否到达顶端,并且进行下拉操作
if (child_one.getY() - listView.getPaddingTop() == 0) {
//            Log.e("isOnTop===", true + "");
return  true;
}
return false;
}

且，我们是需要进行下拉操作，并且父容器现在并没有进行刷新操作：

interceptX = (int) ev.getX();
interceptY = (int) ev.getY();
int distance = interceptY - oldInterceptY;
//向下滑动,listview到头顶了,滑动最小距离超过mTouchSlop，
// 且当前不在刷新，则进行下拉刷新的实现
if (interceptY >oldInterceptY
&& Math.abs(distance) > mTouchSlop
&& isOnTop()
&&!isRefresh) {
//                Log.e("canReshresh",true+"");
intercept=true;
}else
intercept=false;

ACTION_UP的时候我们还是不拦截事件。

当父容器拦截了事件后，就会执行onTouchEvent:

int action = event.getAction();
lastX = oldInterceptX;
lastY = oldInterceptY;
//        Log.e("lastY",lastY+"");
switch (action) {
case MotionEvent.ACTION_DOWN:
//由于onInterceptTouchEvent在ACTION_DOWN的时候返回的是false，所以事件往下发放，这里
//如果写：
//                    lastX = (int) event.getX();
//                    lastY = (int) event.getY();
//是拦截不到的
if (!mScroller.isFinished()){
mScroller.abortAnimation();
}
break;
case MotionEvent.ACTION_MOVE:
currentX = (int) event.getX();
currentY = (int) event.getY();
int moveX = Math.abs(currentX - lastX);
int moveY = Math.abs(currentY - lastY);
//                Log.e("currentY",currentY+"");
//                Log.e("lastY",lastY+"");

//                &&Math.abs(getScrollY())<maxSmoothDistance

if (moveY > moveX) {
scrollTo(0, -(currentY-lastY));
}
break;
case MotionEvent.ACTION_UP:

lastX = (int) event.getX();
lastY = (int) event.getY();
currentX = (int) event.getX();
currentY = (int) event.getY();
smoothScrollTo();
break;
}
return true;

请注意看ACTION_DOWN的注释，因为我们父容器并没有拦截此事件，所以我们在onTouchEvent中是不会执行ACTION_DOWN操作的。

ACTION_DOWN中我们要判断是否是竖直方向的下拉，如果是，则进行scrollTo操作：

currentX = (int) event.getX();
currentY = (int) event.getY();
int moveX = Math.abs(currentX - lastX);
int moveY = Math.abs(currentY - lastY);
//                Log.e("currentY",currentY+"");
//                Log.e("lastY",lastY+"");

//                &&Math.abs(getScrollY())<maxSmoothDistance

if (moveY > moveX) {
scrollTo(0, -(currentY-lastY));
}

在ACTION_UP的时候我们要进行scroller的使用，判断是否完成刷新，或者达不到刷新的要求就自动滑动回原来的位置,smoothScrollTo方法：

//移动要移动到得位置坐标destX,destY
public void smoothScrollTo(){
int scrollY=getScrollY();
Log.e("scrolly-----------",""+getScrollY());
if (Math.abs(scrollY)>0){
//当下拉刷新布局全部显示时候，进行刷新操作，否则，不进行刷新操作
if (Math.abs(scrollY)>putRefreshHeight){
mScroller.startScroll(0,scrollY,0,-scrollY-putRefreshHeight,800);
isRefresh=true;
invalidate();
}else
{
mScroller.startScroll(0,scrollY,0,-scrollY,800);
invalidate();
isRefresh=false;
}
}

主要代码展示如上所示，如果想要这个demo的同学，可以去我的gitHub中查看下载：

https://github.com/JerryChan123/android-learning