[Andorid开发艺术探索 读书笔记]View的事件体系（二）

这篇我们讨论 View的滑动

 掌握滑动的方法是实现绚丽的自定义控件的基础。通过三种方式可以实现View的滑动，第一种是通过View本身提供的scrollTo/scrollBy方法来实现；第二种是通过动画给View施加平移效果来实现滑动；第三种是通过改变View的LayoutParams使得View重新布局从而实现滑动。以下我们一一展开讨论：

使用scrollTo/scrollBy

上源码： 

/**
 * Move the scrolled position of your view. This will cause a call to
 * {@link #onScrollChanged(int, int, int, int)} and the view will be
 * invalidated.
 * @param x the amount of pixels to scroll by horizontally
 * @param y the amount of pixels to scroll by vertically
 */

public void scrollBy(int x, int y) {
    scrollTo(mScrollX + x, mScrollY + y);
}

可以看到scrollBy的内部就是调用了scrollTo方法，再看看scrollTo方法的源码:

/**
     * Set the scrolled position of your view. This will cause a call to
     * {@link #onScrollChanged(int, int, int, int)} and the view will be
     * invalidated.
     * @param x the x position to scroll to
     * @param y the y position to scroll to
     */
    public void scrollTo(int x, int y) {
        if (mScrollX != x || mScrollY != y) {
            int oldX = mScrollX;
            int oldY = mScrollY;
            mScrollX = x;
            mScrollY = y;
            invalidateParentCaches();
            onScrollChanged(mScrollX, mScrollY, oldX, oldY);
            if (!awakenScrollBars()) {
                postInvalidateOnAnimation();
            }
        }
    }

从上面的源码可以看出，scrollBy实际上就是调用了scrollTo方法，只不过scrollBy实现了基于当前位置的相对滑动，而scrollTo则实现了基于所传递参数的绝对滑动。

利用这两个方法来实现View的滑动，不是一件很难的事情，但是我们需要了解滑动过程中，View内部的两个属性：mScrollX和mScrollY的改变规则，这两个属性可以通过getScrollX()和getScrollY()两个方法得到。

在滑动过程中，mScrollX的值总是等于View的左边缘和View内容左边缘在水平方向的距离，而mScrollY的值总是等于View的上边缘和View内容的上边缘在竖直方向上的距离。

View的边缘是指View的位置，由四个顶点组成，而View内容的边缘是指View中的内容的边缘。scrollTo和scrollBy只能改变View的内容的位置而不能改变View在布局中的位置。

mScrollX和mScrollY的单位是像素，并且当View的左边缘在View内容的左边缘的右边时，mScrollX为正值，相反为负值。当View的上边缘位于View内容上边缘的下边时，mScrollY为正值，反正为负值。换句话说，如果从左向右滑动，那么mScrollX为负值，反之为正值。如果从上向下滑动，那么mScrollY为负值，反之为正值。

使用动画

通过动画，我们能够让一个View进行平移，而平移本身就是一种滑动。使用动画来移动View，主要是操作View的translationX 和 translationY属性。 这两个属性上篇博客有介绍。

<translate
   android:duration="1000"
   android:fromXDelta="0"
   android:fromYDelta="0"
   android:interpolator="@android:anim/linear_interpolator"
   android:toXDelta="100"
   android:toYDalta="100" />

如果采用属性动画就更简单了，以下代码可以讲一个view在100ms内从原始位置向右平移100像素。

ObjectAnimator.ofFloat(targetView,"translationX", 0, 100).setDuration(100).start()

关于动画本身的内容，后面我会专门写博客来介绍。这里我们只要知道，使用第一种动画形式，并不能真正改变View的位置，这会带来一些意想不到的问题，比如我们通过一个动画将一个button向右移动100px，并且这个view设置了点击事件，然后你会发现，在新位置上的这个button不能出发onClick事件，而点击原始位置仍然可以触发onClick事件。

因为不管button怎么变化，但是他的位置信息(四个顶点的坐标)并不会随着动画而改变，在系统眼里，这个button没有发生任何改变，在新位置上的只不过是View的一个影像而已。

在android 3.0以后，使用属性动画可以解决这个问题，但是低于这个版本的系统，还是需要通过特别的手段去兼容。

改变布局参数

这个方法比较好理解，比如我们想把一个button向右平移100px，我们只需要将这个button里的layoutparams里的marginLeft参数的值增加100px即可。

MarginLayoutParams params = (MarginLayoutParams)mButton1.getLayoutParams();
params.width += 100;
params.leftMargin += 100;
mButton1.requestLayout();
//或者mButton1.setLayoutParams(params);

还有一种手段，可以在Button的左边放置一个空的View，这个空View的默认宽度为0，当我们需要向右移动Button时，只需要重新设置空View的宽度即就被自动挤向右边，实现向右平移的效果。

各种不同滑动方式的对比

总结一下，上述实现滑动的三种方式：

scrollTo / scrollBy : 这种方式，他是View提供的原生方法，它可以比较方便的实现滑动效果并且不影响内部元素的单击事件，但是它的缺点也很明显，它只能滑动View的内容而不能滑动view本身

动画 ： 通过动画的方法来实现，这是看情况的。如果使用属性动画，这种方法没有明显的缺点。如果是使用View动画或者是在Android 3.0以下通过兼容包使用属性动画，均不能改变view本身的属性，在实际情况中，view不能响应用户的交互。

改变布局： 这种方法除了使用起来稍微麻烦了一点以外，没有别的明显的缺点。他的主要适用对象是一些具有交互性的view。