Android自定义ScrollView实现放大回弹效果

 更新时间:2017年05月24日 16:24:20   作者:w一花一世界w  
这篇文章主要为大家详细介绍了Android自定义ScrollView实现放大回弹效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

背景

在很多项目中我们都会用到ScrollView这个控件,因为ScrollView能够在屏幕内容多时下上滑动以适配加载的内容。但是ScrollView滑动时效果感觉太死板了,这个时候我们如果给它添加一个回弹的动画效果,会让界面交互更加舒服,提升用户体验效果。

自定义ScrollView

1、创建一个类,继承ScrollView并重写相应的构造函数

public class ZoomInScrollView extends ScrollView {

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

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

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

2、获取默认第一个子View即我们的头部mHeaderView

@Override
protected void onFinishInflate() {
  super.onFinishInflate();
  // 设置不可过度滚动,否则上移后下拉会出现部分空白的情况
  setOverScrollMode(OVER_SCROLL_NEVER);
  View child = getChildAt(0);
  if (child != null && child instanceof ViewGroup) {
    // 获取默认第一个子View
    ViewGroup vg = (ViewGroup) getChildAt(0);
    if (vg.getChildAt(0) != null) {
      mHeaderView = vg.getChildAt(0);
    }
  }
}

3、获取头部View的长和宽

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  mHeaderWidth = mHeaderView.getMeasuredWidth();
  mHeaderHeight = mHeaderView.getMeasuredHeight();
}

4、设置上下滑动标记

@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
  currentX = ev.getX();
  currentY = ev.getY();

  switch (ev.getAction()) {
    case MotionEvent.ACTION_MOVE:
      distanceX = currentX - lastX;
      distanceY = currentY - lastY;
      if (Math.abs(distanceX) < Math.abs(distanceY) && Math.abs(distanceY) > 12) {
        upDownSlide = true;
      }
      break;
  }

  lastX = currentX;
  lastY = currentY;

  if (upDownSlide && mHeaderView != null) {
    commOnTouchEvent(ev);
  }
  return super.dispatchTouchEvent(ev);
}

5、监听触摸事件

private void commOnTouchEvent(MotionEvent ev) {
  switch (ev.getAction()) {
    case MotionEvent.ACTION_UP:
      // 手指离开后头部恢复图片
      mIsPulling = false;
      replyView();
      clear();
      break;
    case MotionEvent.ACTION_MOVE:
      if (!mIsPulling) {
        // 第一次下拉
        if (getScrollY() == 0) {
          // 滚动到顶部时记录位置,否则正常返回
          mLastY = (int) ev.getY();
        } else {
          break;
        }
      }

      int distance = (int) ((ev.getY() - mLastY) * mScaleRatio);
      // 当前位置比记录位置要小时正常返回
      if (distance < 0) {
        break;
      }
      mIsPulling = true;
      setZoom(distance);
      break;
  }
}

6、头部缩放

private void setZoom(float s) {
  float scaleTimes = (float) ((mHeaderWidth + s) / (mHeaderWidth * 1.0));
  // 如超过最大放大倍数则直接返回
  if (scaleTimes > mScaleTimes) {
    return;
  }
  ViewGroup.LayoutParams layoutParams = mHeaderView.getLayoutParams();
  layoutParams.width = (int) (mHeaderWidth + s);
  layoutParams.height = (int) (mHeaderHeight * ((mHeaderWidth + s) / mHeaderWidth));
  // 设置控件水平居中
  ((MarginLayoutParams) layoutParams).setMargins(-(layoutParams.width - mHeaderWidth) / 2, 0, 0, 0);
  mHeaderView.setLayoutParams(layoutParams);
}

7、回弹动画

private void replyView() {
  final float distance = mHeaderView.getMeasuredWidth() - mHeaderWidth;
  // 设置动画
  ValueAnimator anim = ObjectAnimator.ofFloat(distance, 0.0F).setDuration((long) (distance * mReplyRatio));
  anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
      setZoom((Float) animation.getAnimatedValue());
    }
  });
  anim.start();
}

通过以上方式就可以简单的实现我们想要的效果了!

项目地址 ☞ 传送门

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android实现随手指移动小球

    Android实现随手指移动小球

    这篇文章主要为大家详细介绍了Android实现随手指移动小球,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • Flutter实现扫二维码功能

    Flutter实现扫二维码功能

    这篇文章主要为大家详细介绍了Flutter实现扫二维码功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android使用shape使组件呈现出特殊效果的方法

    Android使用shape使组件呈现出特殊效果的方法

    这篇文章主要介绍了Android使用shape使组件呈现出特殊效果的方法,结合实例形式分析了Android中shape文件相关属性、功能及使用方法,需要的朋友可以参考下
    2017-07-07
  • Android把商品添加到购物车的动画效果(贝塞尔曲线)

    Android把商品添加到购物车的动画效果(贝塞尔曲线)

    本篇文章介绍了Android把商品添加到购物车的动画效果,这个在很多项目中都用的到,具有一定的参考价值,有需要的可以了解一下。
    2016-10-10
  • Android App开发中将View或Drawable转为Bitmap的方法

    Android App开发中将View或Drawable转为Bitmap的方法

    这篇文章主要介绍了Android App开发中将View或Drawable转为Bitmap的方法,其中View转换时作者特别提到了getDrawingCache=null问题的解决方法,需要的朋友可以参考下
    2016-03-03
  • Android SQLite基本用法详解

    Android SQLite基本用法详解

    这篇文章主要介绍了Android SQLite基本用法详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • Android 文件数据存储实例详解

    Android 文件数据存储实例详解

    这篇文章主要介绍了Android 文件数据存储实例详解的相关资料,这里附有实例代码,帮助大家学习理解,需要的朋友可以参考下
    2016-12-12
  • Android Studio 下载视频到本地

    Android Studio 下载视频到本地

    这篇文章主要介绍了Android Studio 下载视频到本地,利用GreenDao实现多线程断点续传,这样的话,下次用户再次下载时,将继续上次数据库的接着下载,这样用户体验就会很好,也大大节省了成本.具体实现代码大家参考下本文
    2018-03-03
  • Android实现View滑动效果的6种方法

    Android实现View滑动效果的6种方法

    这篇文章主要介绍了Android实现View滑动的6种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • Android 5.0+ 屏幕录制实现的示例代码

    Android 5.0+ 屏幕录制实现的示例代码

    这篇文章主要介绍了Android 5.0+ 屏幕录制实现的示例代码,从 5.0 开始,系统提供给了 app 录制屏幕的一系列方法,不需要 root 权限,只需要用户授权即可录屏,相对来说较为简单,感兴趣的小伙伴们可以参考一下
    2018-05-05

最新评论