View的事件体系---V3.3 弹性滑动

一. 在上一节中，讲述了View滑动的三种方式，如果直接使用呢，会显得比较生硬，用户体验不太好，下面简单描述一下实现View的渐进式滑动。实现方式挺多，大致原理都是一样的，将一次大的滑动划分成若干次小的滑动，并在一个时间段内完成，下面简单介绍三种：

a. Scroller

b. Handler#postDelayed

c. Thread#Sleep

二. 使用Scroller

a. 简述一下这个的实现原理和代码

<span style="font-family:KaiTi_GB2312;">private void smoothScrollTo(int destX, int destY) {
int scrollX = getScrollX();
int scrollY = getScrollY();
mScroller.startScroll(scrollX, scrollY, destX, destY);
invalidate();
}

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

上面是Scroller的典型的使用方法，当我们构造一个Scroller对象并调用它的startScroll方法时，Scroller内容其实什么也没做，只是保存了我们传递的几个参数，源码如下：

<span style="font-family:KaiTi_GB2312;">/**
* 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;
}</span>

startX startY表示滑动的起点，dx dy表示滑动的距离，duration表示的滑动的时间。startScroll之后的invalidate方法会导致view重绘，在View的onDraw方法中又会调用computeScroll方法，此方法内部调用ScrollTo方法进行滑动，同时又调用postInvalidate方法通知到View进行重绘，反复如此，完成View的弹性滑动，ps:此时完成的是View内容的滑动而非view本身的滑动。

三. 通过动画

a. 动画本身就是一种渐进的过程，通过他实现的滑动自然具有滑动效果。

b. 示例代码如下：

将parent对象，在1S内右移100个像素。

<span style="font-family:KaiTi_GB2312;">ObjectAnimator.ofInt(parent, "translationX", 0, 100).setDuration(1000).start();</span>

c. 下面利用ValueAnimator结合Scroller来实现View的滑动，代码如下：

<span style="font-family:KaiTi_GB2312;">public void onAnimScroll(View view) {
final int startX = 0;
final int delaX = 100;
ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 1).setDuration(100);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
int animatedFraction = (int) animation.getAnimatedFraction();
parent.scrollTo(startX + (int) (animatedFraction * delaX), 0);
}
});
valueAnimator.start();
}</span>

四. 使用延时策略

a. 核心思想是通过发送一系列延时消息达到一种渐进式的效果，比如Handler或View的postDelayed方法，或者使用线程的sleep方法。

b. 对于postDelay方法来说，通过发送延时消息，在消息中进行View的滑动处理。

c. 对于sleep，通过while循环中不断地滑动View和sleep，就可以实现滑动效果。

d. 下面使用handler来实现View的弹性滑动，代码如下：

<span style="font-family:KaiTi_GB2312;">private static final int MESSAGE_SCROLL_TO = 3;
private static final int FRAME_COUNT = 33;
private static final int DELAYED_TIME = 30;

private int mCount;

private Handler mHandler = new Handler() {
@Override
public void 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);
parent.scrollTo(scrollX, 0);
mHandler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO, DELAYED_TIME);
}
break;
}
}
};

public void onHandleScroll(View view) {
mHandler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO, DELAYED_TIME);
}</span>