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

 更新时间:2017年03月15日 08:23:45   作者:阿呆哥哥  
本篇文章主要介绍了Android自定义ScrollView实现放大回弹效果实例代码,具有一定的参考价值,有兴趣的可以了解一下。

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

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

相关文章

  • Android 去掉状态栏的方法汇总

    Android 去掉状态栏的方法汇总

    这篇文章主要介绍了Android 去掉状态栏的方法汇总的相关资料,需要的朋友可以参考下
    2016-01-01
  • Android中自定义View的实现方式总结大全

    Android中自定义View的实现方式总结大全

    这篇文章主要总结了Android中自定义View的实现方式的相关资料,文中介绍的非常详细,对各位Android开发者们学习或者使用自定义View具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • Android程序开发之使用PullToRefresh实现下拉刷新和上拉加载

    Android程序开发之使用PullToRefresh实现下拉刷新和上拉加载

    这篇文章主要介绍了Android程序开发之使用PullToRefresh实现下拉刷新和上拉加载的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Flutter Element概念简明分析

    Flutter Element概念简明分析

    Flutter 中 Element 作用的是作为中枢来管理和调度Widget和RenderObject,这里我们主要说一下RenderObjectWidget 来主要说一下Element 的生命周期,这里我删除了一些assert 的方法,方便查看
    2023-04-04
  • Android两种轮询的实现方法

    Android两种轮询的实现方法

    这篇文章主要为大家详细介绍了Android两种轮询的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • Android开发入门环境快速搭建实战教程

    Android开发入门环境快速搭建实战教程

    最近想重新学习下Android,学习之前开发环境的搭建是个首先要解决的问题,所以下面这篇文章主要给大家介绍了Android开发环境搭建的相关资料,文中将实现的步骤一步步介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧。
    2017-11-11
  • 安卓(Android)聊天机器人实现代码分享

    安卓(Android)聊天机器人实现代码分享

    这是一个安卓智能聊天机器人的源码,采用了仿微信的风格设计,调用的是图灵机器人的API,能够实现智能聊天、讲故事、讲笑话、查天气、查公交等丰富的功能
    2015-11-11
  • Android camera2 判断相机功能是否可控的实例

    Android camera2 判断相机功能是否可控的实例

    下面小编就为大家带来一篇Android camera2 判断相机功能是否可控的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Android实现本地Service方法控制音乐播放

    Android实现本地Service方法控制音乐播放

    这篇文章主要为大家详细介绍了Android实现本地Service方法控制音乐播放,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • Android使用RotateImageView 旋转ImageView

    Android使用RotateImageView 旋转ImageView

    这篇文章主要介绍了Android使用RotateImageView 旋转ImageView 的相关资料,需要的朋友可以参考下
    2016-01-01

最新评论