View
的弹性滑动实现方式有很多,但是它们都有一个共同思想:将一次大的滑动分成若干次小的滑动,并在一个时间段内完成,弹性滑动的具体方式有很多,比如通过Scroller
、Handler
#postDelayed
以及Thread
#sleep
等,下面一一进行介绍。
一、使用Scroller
首先我们来分析一下Scroller
的源码,从而探究为什么它能实现View
的弹性滑动。
Scroller mScroller = new Scroller(mContext);
//缓慢滚动到指定位置
private void smoothScrollTo(int destX, int destY) {
int scrollX = getScrollX();
int delta = destX - scrollX;
// 1000ms 内滑向destX,效果就是慢慢滑动
mScroller.startScroll(scrollX,0,delta,1000);
invalidate();
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
postInvalidate();
}
}
上面是Scroller
的典型的使用方法,这里先描述它的工作原理:当我们构造一个Scroller
对象并且调用它的startScroll
方法时,Scroller
内部其实什么也没做,它只是保存了我们传递的几个参数,这几个参数从startScroll
的原型上可以看出来,如下所示:
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;
}
这个方法的参数含义很清楚,startX
和startY
表示的是滑动的起点,dx
和dy
表示的是滑动的距离,而duration
表示的是滑动时间,即整个滑动过程完成所需要的时间,注意这里的滑动是指View
内容的滑动而非View
本身位置的变化。
可以看到,仅仅调用startScroll
方法是无法让View
滑动的,因为它内部并没有做滑动相关的事,我们还需要调用invalidate
方法。invalidate
方法会导致View
重绘,在View
的draw
方法中又会去调用computeScroll
方法,computeScroll
在View中是一个空实现,因此需要我们去实现,上面的代码已经实现了computeScroll
方法。
正是因为这个computeScroll
方法,View
才能实现弹性滑动:当View
重绘后会在draw
方法中调用computeScroll
,而computeScroll
又会去向Scroller
获取当前的scrollX
和scrollY
;然后通过scrollTo
方法实现滑动;接着又调用postInvalidate
方法进行第二次重绘,这一次重绘的过程和第一次重绘一样,还是会导致computeScroll
方法被调用;然后继续向Scroller
获取当前的scrollX
和scrollY
,并通过scrollTo
方法滑动到新的位置,如此反复,直到整个滑动过程结束。
我们再来看一下Scroller
的computeScrollOffset
方法的实现,如下所示:
/**
* 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) {
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;
...
}
}
else {
mCurrX = mFinalX;
mCurrY = mFinalY;
mFinished = true;
}
return true;
}
这个方法会根据时间的流逝来计算出当前的scrollX
和scrollY
的值,计算方法也很简单,大意就是根据时间流逝的百分比来算出scrollX
和scrollY
改变的百分比并计算出当前的值,这个过程类似于动画中的插值器的概念,关于插值器可以跳转我的另一篇文章:Android动画(三)之插值器和估值器。这个方法的返回值也很重要,它返回true
表示滑动还未结束,false
则表示滑动已经结束,因此当这个方法返回true
时,我们要继续进行View
的滑动。
最后,再对Scroller
的工作原理做一个概括:Scroller
本身并不能实现View
的滑动,它需要配合View
的computeScroll
方法才能完成弹性滑动的效果,它不断地让View
重绘,而每一次重绘据滑动起始时间会有一个时间间隔,通过这个时间间隔Scroller
就可以得出View
当前的滑动位置,知道了滑动位置就可以通过scrollTo
方法来完成View
的滑动。就这样,View
的每一次重绘都会导致View
进行小幅度的滑动,而多次的小幅度滑动就组成了弹性滑动,这就是Scroller
的工作原理。
二、通过动画
动画本身就是一种渐进的过程,因此通过它来实现的滑动天然就具有弹性效果,比如以下代码可以让一个View
在100ms
内向右移动100
像素。
ObjectAnimator.offInt(targetView,"translationX",0,100).setDuration(100).start();
不过这里想说的并不是这个问题,我们可以利用动画的特性来实现一些动画不能实现的效果。还拿scrollTo来说,我们也想模仿Scroller来实现View的弹性滑动,那么利用动画的特性,我们可以采用如下方式来实现:
final int startX = 0;
final int deltaX = 100;
ValueAnimator animator = ValueAnimator.ofInt(0, 1).setDuration(1000);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float fraction = animation.getAnimatedFraction();
mButton.scrollTo(startX + (int) (deltaX * fraction), 0);
}
});
animator.start();
在上述代码中,我们的动画的本质上没有作用于任何对象上,它只是在1000ms
内完成了整个动画过程。利用这个特性,我们就可以在动画的每一帧到来时获取动画完成的比例,然后再根据这个比例计算出当前View
所滑动的距离。注意,这里的滑动针对的是View
的内容而不是View
本身。
可以发现,这个方法的思想其实和Scroller
比较类似,都是通过改变一个百分比配合scrollTo
方法来完成View
的滑动。需要说明一点,采用这种方法除了能完成弹性滑动以外,还可以实现其他动画效果,我们完全可以在onAnimatorUpdate
方法中加上我们想要的其他操作。
三、使用延时策略
延时策略的核心思想就是通过发送一系列的延时消息从而达到一种渐进式的效果,具体来说可以使用Handler
或View
的postDelayed
方法,也可以使用线程的sleep
方法。对于postDelayed
方法来说,我们可以通过它来延时发送一个消息,然后在消息中来进行View
的滑动,如果接连不断地发送这种延时消息,那么就可以实现弹性滑动的效果。对于sleep
方法来说,通过在while
循环中不断地滑动View
和sleep
,就可以实现弹性滑动的效果。
下面采用Handler
来做个示例,下面代码大约在1000ms
内将View
的内容向左移动了100
像素。之所以说大约1000ms
,是因为采用这种方式无法精确地定时,原因是系统的消息调度也是需要时间的,并且所需时间不定。
private static final int MESSAGE_SCROLL_TO = 1;
private static final int FRAME_COUNT = 30;
private static final int DELAYED_TIME = 1;
private int mCount = 0;
private Handler mHandler = new Handler(new Handler.Callback() {
@Override
public boolean handleMessage(Message msg) {
switch (msg.what) {
case MESSAGE_SCROLL_TO: {
mCount++;
if (mCount <= FRAME_COUNT) {
float fraction = mCount / (float) FRAME_COUNT;
int scrollX = (int) (fraction * 100);
mButton.scrollTo(scrollX, 0);
mHandler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO, DELAYED_TIME);
}
break;
}
default:
break;
}
return true;
}
});