Android自定义ScrollView实现放大回弹效果实例代码_网络技术

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

发布时间 - 2026-01-11 00:10:20 点击率：次

1，刚刚在别人开源的项目中看到了一个挺不错的用户体验，效果图如下：

2，那下面我们就来实现一下，首先看一下布局，由于一般只是我们包含头像的那部分方法，所以这里我们要把布局分成两部分，对应的布局文件效果图如下：

3，自定义ScrollView

第一步：创建一个类，继承自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);

  }

}

第二步：重写OnFinishInflate()方法，并记录第一个子view，即我们的head_fragment

@Override

  protected void onFinishInflate() {

    super.onFinishInflate();

    //设置不可过度滚动，否则上移后下拉会出现部分空白的情况

    setOverScrollMode(OVER_SCROLL_NEVER);

    View child = getChildAt(0);

    if (child != null && child instanceof ViewGroup) {

      //获取默认第一个子View

      mHeaderView = ((ViewGroup) child).getChildAt(0);

    }

  }

第三步：重写OnTouchEvent（）方法，在Action_Move方法中拿到下滑的距离，通过设置head_view的属性参数来改变它的大小，在UP的时候还原head_view

@Override

  public boolean onTouchEvent(MotionEvent ev) {

    if (mHeaderView == null)

      return super.onTouchEvent(ev);

    switch (ev.getAction()) {

      case MotionEvent.ACTION_MOVE:

        if (!mIsPulling) {

          //第一次下拉

          if (getScrollY() == 0) {

            //在顶部的时候，记录顶部位置

            mLastY = (int) ev.getY();

          } else {

            break;

          }

        }

        if (ev.getY() - mLastY < 0)

          return super.onTouchEvent(ev);

        int distance = (int) ((ev.getY() - mLastY) * mScaleRatio);

        mIsPulling = true;

        setZoom(distance);

        return true;

      case MotionEvent.ACTION_UP:

        mIsPulling = false;

        replyView();

        break;

    }

    return super.onTouchEvent(ev);

  }

在回弹view的时候通过属性动画动态的改变head_view的值，并重写onSizeChange（）方法，实时的记录head_view的宽高

/**

 ** 放大view

 */

  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);

  }

 

  /**

   * 回弹

   */

  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();

  }

 

@Override

  protected void onSizeChanged(int w, int h, int oldw, int oldh) {

    super.onSizeChanged(w, h, oldw, oldh);

    mHeaderWidth = mHeaderView.getMeasuredWidth();

    mHeaderHeight = mHeaderView.getMeasuredHeight();

  }

这样就实现了我们的效果了，看一下我们自己实现的效果：

demo下载：ZoomInScrollView_jb51.rar

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

# scrollview回弹效果 # scrollview回弹 # scrollview下拉回弹 # android ScrollView实现水平滑动回弹 # android实现可上下回弹的scrollview # Android实现回弹ScrollView的原理 # Android自定义ScrollView实现阻尼回弹 # Android自定义scrollview实现回弹效果 # Android ScrollView实现横向和竖向拖动回弹效果 # Android ScrollView的顶部下拉和底部上拉回弹效果 # Android自定义ScrollView实现放大回弹效果 # Android ReboundScrollView仿IOS拖拽回弹效果 # Android ScrollView实现滚动超过边界松手回弹 # 重写 # 看一下 # 要把 # 自定义 # 就来 # 第二步 # 两部分 # 创建一个 # 第三步 # 开源 # 大家多多 # 实现了 # OVER_SCROLL_NEVER # setOverScrollMode # View # amp # getChildAt # child # Override # head_fragment

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：基于云虚拟机的多站点部署方案及流量分配策略有哪些？

下一篇：DeepSeek金融数据分析教程 DeepSeek量化交易策

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：基于云虚拟机的多站点部署方案及流量分配策略有哪些？

下一篇：DeepSeek金融数据分析教程 DeepSeek量化交易策