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>