Android ScrollView的顶部下拉和底部上拉回弹效果

要实现ScrollView的回弹效果，需要对其进行触摸事件处理。先来看一下简单的效果：

根据Android的View事件分发处理机制，下面对dispatchTouchEvent进行详细分析：

在加载布局完成之后，获取ScrollView的第一个子元素，保存它的参数，left top right bottom参数，根据顶部下拉操作和底部上拉操作进行子View的布局参数根据滑动距离改变，ACTION_UP的时候判断是否存在回弹，如果需要则进行动画回弹到原来的位置，可以添加一个回弹结束监听，比如监听回弹处理跳转到其他的页面的操作等。

具体的实现如下，添加了是否禁用顶部和底部回弹的参数设置，以及回弹效果结束监听。

public class ReboundScrollView extends ScrollView{

  private boolean mEnableTopRebound = true;
  private boolean mEnableBottomRebound = true;
  private onReboundEndListener mOnReboundEndListener;
  private View mContentView;
  private Rect mRect = new Rect();

  public ReboundScrollView(Context context) {
    super(context);
  }

  public ReboundScrollView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public ReboundScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }

  
  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    mContentView = getChildAt(0);
  }

  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    super.onLayout(changed, l, t, r, b);
    if (mContentView == null) return;
    // to remember the location of mContentView
    mRect.set(mContentView.getLeft(), mContentView.getTop(), mContentView.getRight(), mContentView.getBottom());
  }

  public ReboundScrollView setonReboundEndListener(onReboundEndListener onReboundEndListener){
    this.monReboundEndListener = onReboundEndListener;
    return this;

  }

  public ReboundScrollView setEnableTopRebound(boolean enableTopRebound){
    this.mEnableTopRebound = enableTopRebound;
    return this;
  }

  public ReboundScrollView setEnableBottomRebound(boolean mEnableBottomRebound){
    this.mEnableBottomRebound = mEnableBottomRebound;
    return this;
  }

  private int lastY;
  private boolean rebound = false;
  private int reboundDirection = 0; //<0 表示下部回弹 >0 表示上部回弹 0表示不回弹

  @Override
  public boolean dispatchTouchEvent(MotionEvent ev) {
    if (mContentView == null){
      return super.dispatchTouchEvent(ev);
    }
    switch (ev.getAction()){
      case MotionEvent.ACTION_DOWN:
 lastY = (int) ev.getY();
 break;

      case MotionEvent.ACTION_MOVE:
 if (!isScrollToTop() && !isScrollToBottom()){
   lastY = (int) ev.getY();
   break;
 }
 //处于顶部或者底部
 int deltaY = (int) (ev.getY() - lastY);
 //deltaY > 0 下拉 deltaY < 0 上拉


 //disable top or bottom rebound
 if ((!mEnableTopRebound && deltaY > 0) || (!mEnableBottomRebound && deltaY < 0)){
   break;
 }

 int offset = (int) (deltaY * 0.48);
 mContentView.layout(mRect.left, mRect.top + offset, mRect.right, mRect.bottom + offset);
 rebound = true;
 break;

      case MotionEvent.ACTION_UP:
 if (!rebound) break;
 reboundDirection = mContentView.getTop() - mRect.top;
 TranslateAnimation animation = new TranslateAnimation(0, 0, mContentView.getTop(), mRect.top);
 animation.setDuration(300);
 animation.setAnimationListener(new Animation.AnimationListener() {
   @Override
   public void onAnimationStart(Animation animation) {

   }

   @Override
   public void onAnimationEnd(Animation animation) {
     if (monReboundEndListener != null){
if (reboundDirection > 0){
  mOnReboundEndListener.onReboundTopComplete();
}
if (reboundDirection < 0){
  mOnReboundEndListener.onReboundBottomComplete();
}
reboundDirection = 0;
     }
   }

   @Override
   public void onAnimationRepeat(Animation animation) {

   }
 });
 mContentView.startAnimation(animation);
 mContentView.layout(mRect.left, mRect.top, mRect.right, mRect.bottom);
 rebound = false;
 break;
    }
    return super.dispatchTouchEvent(ev);
  }

  @Override
  public void setFillViewport(boolean fillViewport) {
    super.setFillViewport(true); //默认是填充ScrollView 或者再XML布局文件中设置fillViewport属性
  }

  
  private boolean isScrollToTop(){
    return getScrollY() == 0;
  }

  
  private boolean isScrollToBottom(){
    return mContentView.getHeight() <= getHeight() + getScrollY();
  }

  
  public interface OnReboundEndListener{

    void onReboundTopComplete();

    void onReboundBottomComplete();
  }
}

 使用：

直接在XML布局文件中把ScrollView替换成ReboundScrollView就可以了。还可以拓展把回弹顶部和底部添加其他的动画效果（之后再拓展试下）。

 如果需要禁用回弹，可以直接设置enableTopRebound和enableBottomRebound参数，同样设置回弹结束（或开始）监听。

 public class TestActivity extends AppCompatActivity {

  private ReboundScrollView reboundScrollView;

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

    reboundScrollView = findViewById(R.id.reboundScrollView);
    //reboundScrollView.setEnableTopRebound(false);
    //reboundScrollView.setEnableBottomRebound(false);
    reboundScrollView.setonReboundEndListener(new ReboundScrollView.onReboundEndListener() {
      @Override
      public void onReboundTopComplete() {
 Toast.makeText(TestActivity.this, "顶部回弹", Toast.LENGTH_SHORT).show();
      }

      @Override
      public void onReboundBottomComplete() {
 Toast.makeText(TestActivity.this, "底部回弹", Toast.LENGTH_SHORT).show();
      }
    });
  }
}

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