Android自定义控件实现下拉刷新效果

2019-12-12 02:15:52

字体：大中小

来源：转载

供稿：网友

app开发中下拉刷新是最常接触到的一个功能，也有很多开源的框架，封装的非常棒。前段时间了解了一下ViewDragHelper，遂用它实现了下拉刷新的功能。

大概和我之前的ViewDragHelper之拖动加载（类似淘宝）这篇代码类似。只是做了相关改动。具体的可以看一下那篇博文了解一下用到的ViewDragHelper的一些知识点。该界面主要是一个LinearLayout，上面的下拉刷新是一个textview（用TV代替），当然这个可以定制，在此只是用一个textview代替，实现简单的功能，下面是一个listview(用LV代替),当然listview也是可以定制的，可以使gridview或者其他你想要的都可以，在此也是只用Listview代替。大概的讲讲吧：

首先，在onLayout中将TV置于屏幕上方，将LV充满屏幕；

上图中蓝色部分是整个手机的屏幕，红色部分是下拉提示TV。TV是置于屏幕之外的是不显示的。

@Override  protected void onLayout(boolean changed, int l, int t, int r, int b) {   if (pullText.getTop() == 0) {    viewHeight = pullText.getMeasuredHeight();    pullText.layout(l, 0, r, b);    myList.layout(l, 0, r, b);    pullText.offsetTopAndBottom(-viewHeight);   } else {    pullText.layout(l, pullText.getTop(), r, pullText.getBottom());    myList.layout(l, myList.getTop(), r, myList.getBottom());   }  }

上面的代码段中，pullText即是TV，myList是LV。这样在下拉LV的时候，TV就会跟着往下走，所以就会出现在屏幕中实现我们想要的效果。

 /**   * 这是拖拽效果的主要逻辑   */  private class DragHelperCallback extends ViewDragHelper.Callback {    @Override   public void onViewPositionChanged(View changedView, int left, int top,     int dx, int dy) {    int childIndex = 1;    if (changedView == myList) {     childIndex = 2;    }    onViewPosChanged(childIndex, top);   }    @Override   public boolean tryCaptureView(View child, int pointerId) {    return true;   }    @Override   public int getViewVerticalDragRange(View child) {    return 1;   }    @Override   public void onViewReleased(View releasedChild, float xvel, float yvel) {    refreshOrNot(releasedChild, yvel);   }    @Override   public int clampViewPositionVertical(View child, int top, int dy) {    int finalTop = top;    if (child == pullText) {     if (top > 0) {      finalTop = 0;     }    } else if (child == myList) {     if (top < 0) {      finalTop = 0;     }     if(top >= viewHeight){      pullText.setText("松开刷新");     }else{      pullText.setText("下拉刷新");     }    }    return child.getTop() + (finalTop - child.getTop()) / 2;   }  }

上面的代码段中，主要是在clampViewPositionVertical中判断滑动的位置，作用的子view。其他就不多说了，大致和之前的博客相同。主要说说onViewReleased吧。在此函数中是在用户手势抬起时响应的，所以我们在此实现下拉后的刷新。我们先定义一个接口，以便在刷新的时候调用。

public interface pulltorefreshNotifier {   public void onPull();  }

public void setpulltorefreshNotifier(pulltorefreshNotifier pullNotifier) {   this.pullNotifier = pullNotifier;  }

private void refreshOrNot(View releasedChild, float yvel) {   int finalTop = 0;   if (releasedChild == pullText) {    // 拖动第一个view松手    if (yvel < -50) {     finalTop = 0;    } else {     finalTop = viewHeight;    }   } else {    // 拖动第二个view松手    if (yvel > viewHeight - 5 || releasedChild.getTop() >= viewHeight) {     finalTop = viewHeight;     if (null != pullNotifier) {      pullNotifier.onPull();     }     pullText.setText("正在刷新");    }   }    if (VDH.smoothSlideViewTo(myList, 0, finalTop)) {    ViewCompat.postInvalidateOnAnimation(this);   }  }

拖动第二个view时，也就是LV时，我们判断一下是否需要刷新，需要刷新则执行onPull（）；
然后我们来看一下主要的Activity：

package com.maxi.pulltorefreshtest;  import android.annotation.SuppressLint; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message;  import com.maxi.pulltorefreshtest.adapter.ProjectAdapter; import com.maxi.pulltorefreshtest.widget.MyListView; import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup; import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup.pulltorefreshNotifier;  public class MainActivity extends Activity {  private PullToRefreshGroup pullListgroup;  private boolean isDown = false;  private MyListView myList;  private ProjectAdapter pa;  @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_main);   findView();   init();  }   private void findView() {   pullListgroup = (PullToRefreshGroup) findViewById(R.id.pulltorefresh);   myList = pullListgroup.returnMylist();  }   private void init() {   pulltorefreshNotifier pullNotifier = new pulltorefreshNotifier() {    @Override    public void onPull() {     // TODO Auto-generated method stub     downLoad();    }   };   pullListgroup.setpulltorefreshNotifier(pullNotifier);   pa = new ProjectAdapter(this);   myList.setAdapter(pa);   pa.notifyDataSetChanged();  }   private void downLoad() {   if (!isDown) {    isDown = true;    new Thread(new Runnable() {      @Override     public void run() {      // TODO Auto-generated method stub      try {       Thread.sleep(2000);       handler.sendEmptyMessage(1);      } catch (InterruptedException e) { //      TODO Auto-generated catch block       e.printStackTrace();      }     }    }).start();   }  }   @SuppressLint("HandlerLeak")  private Handler handler = new Handler() {    @Override   public void handleMessage(Message msg) {    // TODO Auto-generated method stub    super.handleMessage(msg);    switch (msg.what) {    case 1:     pullListgroup.refreshComplete();     isDown = false;     break;    default:     break;    }   }   }; }

我们在他刷新的时候执行downLoad();刷新数据。为了达到效果可以看出我让线程暂停2s。然后调用refreshComplete();

public void refreshComplete() {  if (VDH.smoothSlideViewTo(myList, 0, 0)) {   ViewCompat.postInvalidateOnAnimation(this);  } }

实现刷新好后让TV继续返回屏幕上方。

上段代码中我们发现MyListView是重写的ListView，主要是处理手势事件的。

package com.maxi.pulltorefreshtest.widget;  import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.widget.ListView;  public class MyListView extends ListView {  boolean allowDragBottom = true;  float downY = 0;  boolean needConsumeTouch = true;  public MyListView(Context context){   super(context);  }  public MyListView(Context context, AttributeSet attrs) {   super(context, attrs);   // TODO Auto-generated constructor stub  }   @Override  public boolean dispatchTouchEvent(MotionEvent ev) {   if (ev.getAction() == MotionEvent.ACTION_DOWN) {    downY = ev.getRawY();    needConsumeTouch = true;    if (getMyScrollY() == 0) {     allowDragBottom = true;    } else {     allowDragBottom = false;    }   } else if (ev.getAction() == MotionEvent.ACTION_MOVE) {    if (!needConsumeTouch) {     getParent().requestDisallowInterceptTouchEvent(false);     return false;    } else if (allowDragBottom) {     if (downY - ev.getRawY() < -2) {      needConsumeTouch = false;      getParent().requestDisallowInterceptTouchEvent(false);      return false;     }    }   }   getParent().requestDisallowInterceptTouchEvent(needConsumeTouch);   return super.dispatchTouchEvent(ev);  }   public int getMyScrollY() {   View c = getChildAt(0);   if (c == null) {    return 0;   }   int firstVisiblePosition = getFirstVisiblePosition();   int top = c.getTop();   return -top + firstVisiblePosition * c.getHeight();  } }

ok。先这样吧。像上拉加载更多，我感觉也可以这么实现。有时间试试吧，大家有时间也可以动动手试试。

好吧。大致就这些，有疑问或建议请留言，共同进步，谢谢！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：Android使用DrawerLayout实现侧滑菜单效果

下一篇：Android ViewDragHelper仿淘宝拖动加载效果