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

概述背景在很多项目中我们都会用到ScrollView这个控件，因为ScrollView能够在屏幕内容多时下上滑动以适配加载的内容。但是ScrollView滑动时效果感觉太死板了，这个时候我们如果给它添加一个回d的动画效果，会让界面交互

背景

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

自定义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,defStyleAttr);  }}

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

@OverrIDeprotected 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的长和宽

@OverrIDeprotected voID onSizeChanged(int w,int h,int olDW,int oldh) {  super.onSizeChanged(w,h,olDW,oldh);  mheaderWIDth = mheaderVIEw.getMeasureDWIDth();  mheaderHeight = mheaderVIEw.getMeasuredHeight();}

4、设置上下滑动标记

@OverrIDepublic 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);  mheaderVIEw.setLayoutParams(layoutParams);}

7、回d动画

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自定义ScrollView实现放大回d效果实例代码Android ReboundScrollView仿IOS拖拽回d效果Android ScrollView的顶部下拉和底部上拉回d效果 总结

以上是内存溢出为你收集整理的Android自定义ScrollView实现放大回d效果全部内容，希望文章能够帮你解决Android自定义ScrollView实现放大回d效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。