Android使用Scroller实现弹性滑动效果

 更新时间:2022年04月18日 15:58:42   作者:钟离四郎  
这篇文章主要介绍了Android使用Scroller实现弹性滑动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android使用Scroller实现弹性滑动展示的具体代码,供大家参考,具体内容如下

scrollTo、scrollBy

View内部为了实现滑动提供了这两个方法,但是使用这两个方法滑动的效果是瞬间的不够平滑,如何实现View的弹性滑动呢?这正是本博文讨论的主题。另外这两个函数滑动的是View的内容不是View本身。比如对于普通View好比TextView其内容就是文本,ImageView的内容则是drawable对象,采用这两种方法滑动的时候其实分别滑动的是文本及drawable对象,对于ViewGroup采用这两种方法滑动的时候则是对其子元素的滑动。所以想要使用scrollTo、scrollBy方法实现拖动View(指的是普通的View不包含ViewGroup)的效果必须在View外面在包一层ViewGroup。

Scroller类

上面提到使用scrollTo、scrollBy来滑动View的时候是很生硬得滑过去的,不够平滑,自然用户体验也不好,因此我们要实现一个弹性的滑动。如何实现弹性滑动呢?方法有很多,但思想都是一致的,即将实现一段距离的滑动分成多次来进行,每一次滑动一小段,渐近式的滑动。本文只是介绍其中的一种即使用Scroller实现弹性滑动。以下结合实例看看Scroller是如何实现平滑滑动的呢 ?

public class SmoothScrollView extends LinearLayout{ 
 
  Scroller mScroller ; 
  int startX; 
  int startY; 
public SmoothScrollView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  //创建Scroller实例 
  mScroller = new Scroller(context); 
  } 
 
 
public void smoothScroll(int dx,int dy,int duration){ 
  //获取滑动起点坐标 
  startX = getScrollX(); 
  startY = getScrollY(); 
  //设置滑动参数 
  mScroller.startScroll(startX,startY,dx,dy,duration); 
  //重新绘制View 
  invalidate(); 
  } 
 
@Override 
public void computeScroll() { 
  // TODO Auto-generated method stub 
  super.computeScroll(); 
  boolean flag = mScroller.computeScrollOffset(); 
  //递归终止条件:滑动结束 
  if(flag == false){ 
    return; 
  }else{ 
  //mScroller.getCurrX(),mScroller.getCurrY()记录的是此刻要滑动达到的目标坐标 
  scrollTo(mScroller.getCurrX(),mScroller.getCurrY()); 
  } 
  //递归调用 
  invalidate();//或者postInvalidate() 
  } 
} 

 看到第9行,首先在SmoothScrollView内部创建一个Scroller对象,第13行的smoothScroll方法是实现SmoothScrollView的平滑滑动,可以看到实现平滑滑动首先调用第18行Scroller的startScroll方法来设置滑动参数,下文会分析这个方法,这里先放一放。然后在第20行调用invalidate方法,这个方法会导致SmoothScrollView重绘,从而调用draw方法之后又会调用computeScroll方法,在第24行可以看到这里重写了computeScroll方法,因此调用invalidate方法最终会导致computeScroll方法被调用。第27~29行调用Scroller的computeScrollOffeset方法并判断是否滑动结束,computeScrollOffset是如何判断滑动结束的呢?这里也先放一放下文在分析。如果滑动未结束,执行第33行调用scrollTo滑动SmoothScrollView至此刻目的坐标,然后递归调用invalidate方法。

以下是对Scroller几个方法的分析:

public void startScroll(int startX, int startY, int dx, int dy, int duration) { 
    mMode = SCROLL_MODE; 
    mFinished = false; 
    mDuration = duration; 
  //记录开始滑动的时间 
    mStartTime = AnimationUtils.currentAnimationTimeMillis(); 
  //滑动起始横坐标 
    mStartX = startX; 
  //滑动起始纵坐标 
    mStartY = startY; 
  //滑动结束横坐标 
    mFinalX = startX + dx; 
  //滑动结束纵坐标 
    mFinalY = startY + dy; 
  //横向滑动偏移量 
    mDeltaX = dx; 
  //纵向滑动偏移量 
    mDeltaY = dy; 
  //mDuration表示的是整个滑动持续的时间 
    mDurationReciprocal = 1.0f / (float) mDuration; 
  } 

从以上代码可以看到startScroll方法其实根本没有滑动View只是对滑动参数进行设置。往下再来看看computeScrollOffset方法,computeScrollOffset返回true则表示滑动还没结束返回false表示滑动结束,它的实现如下:
[java] view plain copy

public boolean computeScrollOffset() { 
    if (mFinished) { 
      return false; 
    } 
 
    int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime); 
   //判断此刻是否在有效滚动周期内 
    if (timePassed < mDuration) { 
      switch (mMode) { 
      case SCROLL_MODE: 
  //当前时刻滑动偏移量所占份额 
        float x = (float)timePassed * mDurationReciprocal; 
   
        if (mInterpolator == null) 
          x = viscousFluid(x);  
        else 
          x = mInterpolator.getInterpolation(x); 
        //获取当前时刻要滚动到的位置 
        mCurrX = mStartX + Math.round(x * mDeltaX); 
        mCurrY = mStartY + Math.round(x * mDeltaY); 
        break; 
      case FLING_MODE: 
        float timePassedSeconds = timePassed / 1000.0f; 
        float distance = (mVelocity * timePassedSeconds) 
            - (mDeceleration * timePassedSeconds * timePassedSeconds / 2.0f); 
         
        mCurrX = mStartX + Math.round(distance * mCoeffX); 
        // Pin to mMinX <= mCurrX <= mMaxX 
        mCurrX = Math.min(mCurrX, mMaxX); 
        mCurrX = Math.max(mCurrX, mMinX); 
         
        mCurrY = mStartY + Math.round(distance * mCoeffY); 
        // Pin to mMinY <= mCurrY <= mMaxY 
        mCurrY = Math.min(mCurrY, mMaxY); 
        mCurrY = Math.max(mCurrY, mMinY); 
 
        if (mCurrX == mFinalX && mCurrY == mFinalY) { 
          mFinished = true; 
        } 
 
        break; 
      } 
    } 
    else { 
      mCurrX = mFinalX; 
      mCurrY = mFinalY; 
      mFinished = true; 
    } 
    return true; 
  } 
   

看到这我们应该明白SmoothScrollView是如何实现让自己平滑滑动的呢?实际上正真让SmoothScrollView产生平滑滑动的并非是Scroller而是SmoothScrollView自己,是SmoothScrollView自己多次调用了自己的scrollerTo方法并且每次滑动一小步从而实现平滑滑动,而Scroller类干的事只是辅助SmoothScrollView计算每一次小滑动要到达的目标坐标,而实现多次调用了自己的scrollerTo方法这里没有使用循环体则是利用程序设计技巧“递归调用”invalidate方法达到多次调用scrollTo方法的目的从而实现平滑滑动。

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

相关文章

  • 详解Flutter桌面应用如何进行多分辨率适配

    详解Flutter桌面应用如何进行多分辨率适配

    这篇文章主要为大家介绍了Flutter桌面应用如何进行多分辨率适配的方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 将cantk runtime嵌入到现有的APP中的方法

    将cantk runtime嵌入到现有的APP中的方法

    今天小编就为大家分享一篇关于将cantk runtime嵌入到现有的APP中的方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-12-12
  • Android编程实现全局获取Context及使用Intent传递对象的方法详解

    Android编程实现全局获取Context及使用Intent传递对象的方法详解

    这篇文章主要介绍了Android编程实现全局获取Context及使用Intent传递对象的方法,结合实例形式分析了Android全局Context的获取及Intent传递对象的具体操作方法,需要的朋友可以参考下
    2017-08-08
  • 使用Android自定义控件实现滑动解锁九宫格

    使用Android自定义控件实现滑动解锁九宫格

    最近由于Android项目需要,要求做一个类似于支付宝的九宫格解锁组件,下面小编给大家分享了具体实现代码,需要的朋友可以参考下
    2015-10-10
  • Android中ListView使用示例介绍

    Android中ListView使用示例介绍

    大家好,本篇文章主要讲的是Android中ListView使用示例介绍,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2022-01-01
  • Android仿微信图片点击浏览的效果

    Android仿微信图片点击浏览的效果

    这篇文章主要为大家详细介绍了Android仿微信图片点击浏览的效果,Android 2D平滑放大显示ImageView,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 基于Flutter制作一个图像滤镜

    基于Flutter制作一个图像滤镜

    很多时候,我们需要一些特效功能,比如给图片做个滤镜什么的,那么如果在flutter中,如果要实现这样的滤镜功能应该怎么处理呢?一起来看看吧
    2023-06-06
  • Flutter 封装一个 Banner 轮播图效果的实例代码

    Flutter 封装一个 Banner 轮播图效果的实例代码

    这篇文章主要介绍了Flutter 封装一个 Banner 轮播图效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07
  • Android开发之经典游戏贪吃蛇

    Android开发之经典游戏贪吃蛇

    贪吃蛇是一款足够经典的游戏。它的经典,在于用户操作的简单,在于技术实现的简介,在于他的经久不衰。下面来看下如何在Android开发这款经典游戏。
    2016-07-07
  • Android多种支付方式的实现示例

    Android多种支付方式的实现示例

    App的支付流程,添加多种支付方式,不同的支付方式,对应的操作不一样,有的会跳转到一个新的webview,有的会调用系统浏览器,有的会进去一个新的表单页面,等等,本文就给大家详细介绍一下Android 多种支付方式的优雅实现,需要的朋友可以参考下
    2023-09-09

最新评论