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

Android自定义ScrollView实现放大回d效果实例代码,第1张

概述1,刚刚在别人开源的项目中看到了一个挺不错的用户体验,效果图如下:2,那下面我们就来实现一下,首先看一下布局,由于一般只是我们包含头像的那部分方法,所以这里我们要把布局分成两部分,对应的布局文件效果图

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

第二步:重写OnFinishInflate()方法,并记录第一个子vIEw,即我们的@R_419_6882@_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方法中拿到下滑的距离,通过设置@R_419_6882@_vIEw的属性参数来改变它的大小,在UP的时候还原@R_419_6882@_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);  } 

在回dvIEw的时候通过属性动画动态的改变@R_419_6882@_vIEw的值,并重写onSizeChange()方法,实时的记录@R_419_6882@_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);    mheaderVIEw.setLayoutParams(layoutParams);  }   /**   * 回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();  } @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自定义ScrollView实现放大回d效果实例代码全部内容,希望文章能够帮你解决Android自定义ScrollView实现放大回d效果实例代码所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1146673.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存