关闭

android_Scroller 弹性滑动源码分析

标签: 源码
324人阅读 评论(0) 收藏 举报
分类:

1、scrollTo/scrollBy

总所周知,使用 View 的 scrollTo 或者 scrollBy 方法实现 View 内容的滑动是一瞬间完成的,毫无过度可言,那么 Android 提供 Scroller 就可以解决这个问题,让 View 内容的滑动可以在一段时间内完成。

mImageView.scrollTo(100,100);

上面的示例代码表示 mImageView 的内容向左上角移动 100px,上面说过了,这种方式是一瞬间完成的,很坚硬。

为了解决这个问题,我们引入的 Scroller 类,下面看看如何使用这个类实现弹性滑动

2、Scroller 的实现原理

  • 准备工作:使用 Scroller#startScroll(…) 方法确定 View 内容的位置和需要滑动的距离,注意这个方法只是对 Scroller 对象的中一些属性进行赋值(具体看下下面源码部分),并没有产生任何的滑动操作。

  • 准备工作完成之后,该如何利用 Scroller 实现弹性滑动

    通过调用 View#invalidate() 方法去触发 View 的重绘操作,因为 View#draw 方法中会回调 computeScroll() 这个方法,而它是个空方法,我们只要在 View 中复写这个方法,就可以在每次 View 重绘制时获取当前 View 内容需要滑动的距离,然后调用 scrollTo 进行滑动。
    
  • 现在知道是通过 View#invalidate() 方法可以触发 View 进行重绘,那么如何在重绘的回调中取计算当前 View 内容需要滑动的距离呢?

    • 因为 View#computeScroll 方法会在 View#invalidate() 中回调,那么我们多次调用 invalidate 方法就可以多次回调了,并且在每一次回调中取设置当前 View 需要滑动到指定的位置。

    • 如何计算 View 需要滑动的距离呢? 在 Scroller#onComputeScrollOffset() 方法内部会根据时间去计算当前 View 内容的 scrollX 和 scrollY 的值,因此在 View#computeScroll() 方法中去对调用 onComputeScrollOffset 进行计算即可,然后获取计算后的值,然后调用 scrollTo 进行滑动即可。

3、示例代码

我们在第 2 点中说了很多,可能会有点迷糊,下面以实际代码来演示可能会更加清晰一些。下面是第 2 点实现原理的具体代码实现:

//定义Scroller对象
Scroller mScroller = new Scroller(mContext);

/**
* @des 滑动到某个位置
* @param dx 表示x方向需要滑动的大小
* @param dy 表示y方向需要滑动的大小
*/
private void smoothScrollBy(int dx, int dy) {
    int scrollX = getScrollX();
    int scrollY = getScrollY();
    //这个方法是在初始化坐标(scrollX,scrollY)水平方向滑动dx像素,竖直方向滑动dy个像素,滑动时间为500ms。
    mScroller.startScroll(scrollX, scrollY, dx, dy, 500);
    //该方法标记该 View 会进行重绘,并且回调 computeScroll() 方法。
    invalidate();
}

//重写View的computeScroll()方法,该方法会在View绘制的时候调用
@Override
public void computeScroll() {
    //计算当前的 scrollX 和 scrollY 的值,并且根据返回值判断滑动是否结束。
    if (mScroller.computeScrollOffset()) {
        //滚动结束
        scrollTo(mScroller.getCurrX(), mScroller.getCurrY());//计算后的 scrollX 和 scrollY 的值
        postInvalidate();//每次滑动之后,都要重绘一遍
    }
}

4、源码分析

4.1、弹性滑动入口 startScroll(int startX, int startY, int dx, int dy)

/**
 * Start scrolling by providing a starting point, the distance to travel,
 * and the duration of the scroll.
 * 
 * @param startX Starting horizontal scroll offset in pixels. Positive
 *        numbers will scroll the content to the left.
 * @param startY Starting vertical scroll offset in pixels. Positive numbers
 *        will scroll the content up.
 * @param dx Horizontal distance to travel. Positive numbers will scroll the
 *        content to the left.
 * @param dy Vertical distance to travel. Positive numbers will scroll the
 *        content up.
 * @param duration Duration of the scroll in milliseconds.
 */
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;
    //滑动时间的倒数
    mDurationReciprocal = 1.0f / (float) mDuration;
}

4.2、scrollTo 是在 computeScroll() 回调中调用的

在调用 Scroller#startScroll 方法之后,需要再调用invalidate方法,这个方法会让View进行重新绘制,也就
是说会重新的调用 draw() 方法,查阅View#draw()方法可以看到,该方法中还调用 computeScroll 方法,并且该
方法是一个空方法,我们重写该方法,在这个方法中我们捕获每次 View 重绘的时机,然后再进行 scrollTo 滑动即可。

  • View 中的 draw 方法调用 computeScroll 的代码片段
...
if (!drawingWithRenderNode) {
    computeScroll();//绘制时,调用该方法
    sx = mScrollX;
    sy = mScrollY;
}
...

4.3、View中的computeScroll方法,它是一个空方法,源码如下,它的源码大概的意思如下:该方法用于在弹性滑动时更新 View 的 scrollX 和 scrollY 的值。

/**
 * Called by a parent to request that a child update its values for mScrollX
 * and mScrollY if necessary. This will typically be done if the child is
 * animating a scroll using a {@link android.widget.Scroller Scroller}
 * object.
 */
public void computeScroll() {
}

然而在每次调用 srcollTo 进行滑动之后,我们总得知道什么时候滑动到终点啊和下次要滑动的位置?这个时候就得了解另一个方法Scroller#computeScrollOffset()

4.4、computeScrollOffset 分析

从方法解释中可以大概的知道:
1.方法返回 true 表示滑动还没结束,返回 false 代表滑动已经结束,如果没有结束,获取计算后的 scrollX 和 scrllY 的值进行再次的滑动。
2.该方法可以计算滑动后的位置 scrollX 和 scrollY 的值,也就是 mCurrX 和 mCurrY 的值,供下次 View#scroll(scrollX,scrollY) 使用。

/**
* Call this when you want to know the new location.  If it returns true,
* the animation is not yet finished.
* 
*/ 
public boolean computeScrollOffset() {
   if (mFinished) {//使用 mFinished 标记滑动是否结束
       return false;
   }

   int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime);

   if (timePassed < mDuration) {
       switch (mMode) {
       case SCROLL_MODE:
           //timePassed * mDurationReciprocal
           //timePassed:当前时间 - 开始时间
           //mDurationRecipracal:1f/mDuration
           //根据流逝的时间计算出一个百分比值
           final float x = mInterpolator.getInterpolation(timePassed * mDurationReciprocal);
           //更新 mCurrX 和 mCurrY 的值
           mCurrX = mStartX + Math.round(x * mDeltaX);//四舍五入操作
           mCurrY = mStartY + Math.round(x * mDeltaY);
           break;
       case FLING_MODE://这种方式暂时不分析。
            ...
            break;
        }
    }
    else {//滑动时间到
        mCurrX = mFinalX;
        mCurrY = mFinalY;
        mFinished = true;
    }
    return true;
}

5、总结

Scroller 是用于解决 View#scrollTo/scrollBy() 滑动效果问题,借助它可以实现弹性滑动效果。实现原理简单来说就是 View 内容在可以在一段时间内完成一段距离的滑动,在这段时间内不断地通过回调去调用 View#scrollTo 方法,从而实现弹性滑动效果。

以上是个人对 Scroller 的学习笔记,有任何不对之处望大家批评指正

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:7977次
    • 积分:410
    • 等级:
    • 排名:千里之外
    • 原创:31篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类