[Andorid开发艺术探索 读书笔记]View的事件体系(二)
2016-01-12 14:43
597 查看
这篇我们讨论 View的滑动
掌握滑动的方法是实现绚丽的自定义控件的基础。通过三种方式可以实现View的滑动,第一种是通过View本身提供的scrollTo/scrollBy方法来实现;第二种是通过动画给View施加平移效果来实现滑动;第三种是通过改变View的LayoutParams使得View重新布局从而实现滑动。以下我们一一展开讨论:
可以看到scrollBy的内部就是调用了scrollTo方法,再看看scrollTo方法的源码:
从上面的源码可以看出,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为负值,反之为正值。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201601/9618355ba6a9661aff90ca395bf6641a)
![](https://oscdn.geek-share.com/Uploads/Images/Content/201601/0af351d56fdb9812583dc2feee96407f)
如果采用属性动画就更简单了,以下代码可以讲一个view在100ms内从原始位置向右平移100像素。
因为不管button怎么变化,但是他的位置信息(四个顶点的坐标)并不会随着动画而改变,在系统眼里,这个button没有发生任何改变,在新位置上的只不过是View的一个影像而已。
在android 3.0以后,使用属性动画可以解决这个问题,但是低于这个版本的系统,还是需要通过特别的手段去兼容。
还有一种手段,可以在Button的左边放置一个空的View,这个空View的默认宽度为0,当我们需要向右移动Button时,只需要重新设置空View的宽度即就被自动挤向右边,实现向右平移的效果。
scrollTo / scrollBy : 这种方式,他是View提供的原生方法,它可以比较方便的实现滑动效果并且不影响内部元素的单击事件,但是它的缺点也很明显,它只能滑动View的内容而不能滑动view本身
动画 : 通过动画的方法来实现,这是看情况的。如果使用属性动画,这种方法没有明显的缺点。如果是使用View动画或者是在Android 3.0以下通过兼容包使用属性动画,均不能改变view本身的属性,在实际情况中,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。
相关文章推荐
- 只需十分钟,结果大不同 |《深度思考》
- 《洋葱阅读法》读书笔记
- Jquery实战_读书笔记1―选择jQuery
- JavaScript 精粹读书笔记(1,2)
- JavaScript 权威指南(第四版) 读书笔记
- Terry七月Ruby读书笔记(比较详细)第1/4页
- 整理java读书笔记十五之java中的内部类
- 从「林」开始--C++ primer 读书笔记 -- Part II: Containers ...
- [读书笔记]Scrum 总结
- 《穷爸爸,富爸爸》读书笔记
- 《程序员的职业素养》读书笔记
- sniff读书笔记
- 《Zabbix监控系统深度实践》读书笔记
- 《DevOps故障排除:Linux服务器运维最佳实践》读书笔记
- android 如何解决scrollTo无法执行
- 重学JS 1
- 《javascript高级程序设计》读书笔记——引用类型之Object类型(细节整理)
- 《HTML重构》读书笔记&思维导图
- 数据挖掘入门笔记(一)--认识数据
- 读书笔记 Visual C++ 编程之道