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

来源:互联网 发布:知彼网络 编辑:程序博客网 时间:2024/05/17 05:08

这篇我们讨论 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。

0 0