简单易懂的Scroller使用及源码探究

Scroller的使用及源码探究

实现

Scroller可以用于实现View的弹性滑动,我们知道View的scrollTo/scrollBy方法都可以实现滑动,但是他们都是瞬时完成的,不能做到平滑的过渡。而Scroller可以。想要完成平滑移动Scroller需要和computeScroll方法配合使用。代码如下:

Scroller mScroller = new Scroller(mContext);//创建scroller对象
    private void smoothScrollTo(int destX,int destY){
        int startX = getScrollX();//x开始
        int startY = getScrollY();//y开始
        int deX = destX - startX;//水平方向要移动的距离
        int deY = destY - startY;//竖直方向要移动的距离
        mScroller.startScroll(startX,startY,deX,deY,1000);
        invalidate();//刷新
    }

    @Override
    public void computeScroll() {
        if (mScroller.computeScrollOffset()){
            scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
            postInvalidate();
        }
    }

一:首先使用context创建一个Scroller对象
Scroller mScroller = new Scroller(mContext);//创建scroller对象

二:然后mScroller.startScroll(startX,startY,deX,deY,1000);启动滑动。

三:最后重写computeScroll方法,到这里使用就结束了
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()){
scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
postInvalidate();
}
}

源码分析

首先构造方法没什么可说的,我们先来看看startScroll方法做了些什么:

在这里插入图片描述

从上面我们可以看到,其实这个方法就是保存了一些数据,参数的含义也非常的易懂,startX和startY表示的是滑动的起点,dx和dy表示的是要滑动的距离,duration表示滑动这些距离要使用的时间。从上面的代码可以看出仅仅调用startScroll方法是无法滑动的,它没有做滑动相关的操作。

**那view是如何滑动的呢?**带着这个疑问我们往下看

在上面的startScroll方法下面,有一个 postInvalidate()方法,我们知道调用这个方法会导致View的重绘,重回就会调到draw方法,而在draw方法中回调到computeScroll方法,这就回到了上面我们重写的computeScroll方法。

在computeScroll方法中我们首先调用了computeScrollOffset方法,这个方法是干什么的呢?我们不妨来看一看:

public boolean computeScrollOffset() {
        if (mFinished) {
            return false;
        }

        int timePassed = (int)(AnimationUtils.currentAnimationTimeMillis() - mStartTime);
    
        if (timePassed < mDuration) {
            switch (mMode) {
            case SCROLL_MODE:
                final float x = mInterpolator.getInterpolation(timePassed * mDurationReciprocal);
                mCurrX = mStartX + Math.round(x * mDeltaX);
                mCurrY = mStartY + Math.round(x * mDeltaY);
                break;
            //省略
            }
        }

        return true;
    }

从上面我们可以看到当滑动完成时返回fase,再往下看我们恍然大悟,我们看到了它的计算实现,根据时间的流逝计算出现在scrollX和scrollY改变值并赋值给mCurrX和mCurrY变量。

然后我们通过scrollTo(mScroller.getCurrX(),mScroller.getCurrY());设置当前要滑动到的位置。
在这里插入图片描述
从上面的源码中可以看出获取的这两个变量正是computeScrollOffset方法计算出的值。

最后调用postInvalidate();的目的也就不言而喻了,目的就是为了重复上述过程,直至滚动结束。

至此Scroller的介绍就算完成了,我们通过分析发现Scroller,在整个过程中对View没有丝毫的引用,甚至连内部计时器都没有,这样的设计是十分精巧的。

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
项目:使用 JavaScript 编写的杀死幽灵游戏(附源代码) 杀死鬼魂游戏是使用 Vanilla JavaScript、CSS 和 HTML 画布开发的简单项目。这款游戏很有趣。玩家必须触摸/杀死游荡的鬼魂才能得分。您必须将鼠标悬停在鬼魂上 - 尽量得分。鬼魂在眨眼间不断从一个地方移动到另一个地方。您必须在 1 分钟内尽可能多地杀死鬼魂。 游戏制作 这个游戏项目只是用 HTML 画布、CSS 和 JavaScript 编写的。说到这个游戏的特点,用户必须触摸/杀死游荡的幽灵才能得分。游戏会根据你杀死的幽灵数量来记录你的总分。你必须将鼠标悬停在幽灵上——尽量得分。你必须在 1 分钟内尽可能多地杀死幽灵。游戏还会显示最高排名分数,如果你成功击败它,该分数会在游戏结束屏幕上更新。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目? 要运行此游戏,您不需要任何类型的本地服务器,但需要浏览器。我们建议您使用现代浏览器,如 Google Chrome 和 Mozilla Firefox。要玩游戏,首先,单击 index.html 文件在浏览器中打开游戏。 演示: 该项目为国外大神项目,可以作为毕业设计的项目,也可以作为大作业项目,不用担心代码重复,设计重复等,如果需要对项目进行修改,需要具备一定基础知识。 注意:如果装有360等杀毒软件,可能会出现误报的情况,源码本身并无病毒,使用源码时可以关闭360,或者添加信任。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值