自定义view的基础知识主要包括view的位置参数、MotionEvent和TouchSlop对象、VelocityTracker、GestureDetector和Scroller对象。
一、view的位置参数
view的位置主要由它的四个顶点来决定,即left、top、right、bottom其中left是左上角的横坐标,top是左上角的纵坐标,right是右下角的横坐标,bottom是右下角的纵坐标。这里要注意一下,这些坐标都是相对于view的父容器来说的,因此它是一种相对的坐标。
其它还有几个参数x、y、translationX和translationY,其中x和y是view的左上角的坐标,而translationX和translationY是view左上角相对于父容器的偏移量。这里这几个参数也是相对于父容器的坐标,并且translationX和translationY的默认值是0。
这几个参数的关系如下:
x = left + translationX
y = top + translationY
需要注意的是,view在平移过程中,left和top表示的是原始的左上角的位置信息,其值不会发生改变,此时发生改变的是x、y、translationX和translationY这四个参数。
二、MotionEvent和TouchSlop
1、MotionEvent
这里说下它的四个方法getX/getY和getRawX/getRawY。它们的区别是,getX/getY返回的是相对于当前view左上角的x和y坐标,而getRawX/getRawY返回的是相对于屏幕左上角的坐标。
2、TouchSlop
TouchSlop是系统所能识别的最小滑动距离,即当手指在屏幕上滑动时,如果两次滑动的之间的距离小于这个常量,那么系统就不认为你在进行滑动操作。原因很简单,滑动距离太短,系统不认为它在滑动。这个常量跟设备有关,在不同的设备上值可能不同。可以通过如下方式获取这个常量:
ViewConfiguration.get(getContext()).getScaledTouchSlop();
三、VelocityTracker、GestureDetector和Scroller
1、VelocityTracker
VelocityTracker用来做速度追踪,用于追踪手指在滑动过程中的速度,包括水平和竖直方向的速度。它的使用过程很简单,首先在view的onTouchEvent方法中追踪当前单击事件的速度:
VelocityTracker velocityTracker = VelocityTracker.obtain();
velocityTracker.addMovement(event);
接着当我们先知道当前的滑动速度时,这个时候可以采用如下方式来获得当前的速度:
velocityTracker.computeCurrentVelocity(1000);
int xVelocity = (int) velocityTracker.getXVelocity();
int yVelocity = (int) velocityTracker.getYVelocity();
这一步中有两点需要注意,第一点是获取速度之前必须先计算速度,即在调用getXVelocity和getYVelocity这两个方法前必须要先调用computeCurrentVelocity方法;第二点,这里的速度是指一段时间内手指滑动的像素数,比如将时间间隔设为1000ms时,在1s内,手指在水平方向从左向右滑过100像素,那么水平速度就是100。注意这里的速度可以为负数。当手指从右往左滑时即为负数。速度的计算可以用公式来表示:
速度 = (终点位置 - 起始位置)/ 时间段
根据上面的公式和android的坐标系可以知道手指逆着坐标系的正方向滑动,所产生的速度即为负数。
另外,computeCurrentVelocity这个方法的参数表示的是一个时间单元或者说时间间隔,它的单位是毫秒(ms),计算速度时得到的速度就是在这个时间间隔内手指在水平或者竖直方向上所滑动的像素数。针对上面的例子,如果我们通过velocityTracker.computeCurrentVelocity(100)来获取速度,那么得到的速度就是手指在100ms内所滑动的像素数,因些水平方向的速度就变成了10像素/100ms(这里假设滑动过程是匀速的),即水平速度为10,这点需要注意下。
最后,当不需要使用它的时候,需要调用clear方法来重置并回收内存:
velocityTracker.clear();
velocityTracker.recycle();
2、GestureDetector
手势检测,用于辅助检测用户的单击、滑动、长按、双击等行为。要使用GestureDetector也不复杂,参考如下过程。
首先,需要创建一个GestureDetector对象并实现OnGestureListener接口,根据需要我们还可以实现OnDoubleTapListener从而能够监听双击行为:
GestureDetector mGestureDetector = new GestureDetector(this);
//解决长按屏幕后无法拖动的现象
mGestureDetector.setIsLongpressEnabled(false);
接着,接管目标view的onTouchEvent方法,在待监听view的onTouchEvent方法中添加如下实现:
boolean consume = mGestureDetector.onTouchEvent(event);
return consume;
做完了上面两步,就可以有选择的实现OnGestureListener和OnDoubleTapListener中的方法了,这两个接口中的方法介绍如下:
OnGestureListener接口:
(1) onDown(MotionEvent e):down事件;
(2) onSingleTapUp(MotionEvent e):一次点击up事件;
(3) onShowPress(MotionEvent e):down事件发生而move或则up还没发生前触发该事件;
(4) onLongPress(MotionEvent e):长按事件;
(5) onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY):滑动手势事件;
(6) onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY):在屏幕上拖动事件。
OnDoubleTapListener接口:
(1) onDoubleTap(MotionEvent e):双击事件。
(2) onDoubleTapEvent(MotionEvent e):双击间隔中还发生其他的动作。通知DoubleTap手势中的事件,包含down、up和move事件(这里指的是在双击之间发生的事件,例如在同一个地方双击会产生DoubleTap手势,而在DoubleTap手势里面还会发生down和up事件,这两个事件由该函数通知);
(3) onSingleTapConfirmed(MotionEvent e):单击事件。用来判定该次点击是SingleTap而不是DoubleTap,如果连续点击两次就是DoubleTap手势,如果只点击一次,系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap,然后触发SingleTapConfirmed事件。
注意:关于onSingleTapConfirmed和onSingleTapUp的一点区别: OnGestureListener有这样的一个方法onSingleTapUp,和onSingleTapConfirmed容易混淆。二者的区别是:onSingleTapUp,只要手抬起就会执行,而对于onSingleTapConfirmed来说,如果双击的话,则onSingleTapConfirmed不会执行。
建议:如果只是监听滑动相关的,建议自己在onTouchEvent中实现,如果要监听双击这种行为的话,那么就使用GestureDetector。
3、Scroller
弹性滑动对象,用于实现view的弹性滑动。我们知道,当使用view的scrollTo/scrollBy方法来进行滑动时,其过程是瞬间完成的,没有过渡效果用户体验不好。这时候我们就需要用到Scroller来实现有过渡效果的滑动,其过程不是瞬间完成,而是在一定的时间间隔内完成的。Scroller本身无法让view弹性滑动,它需要和view的computeScroll方法配合使用才能共同完成这个功能。那么如何使用Scroller呢?它的典型代码是固定的,如下所示。
Scroller scroller = new Scroller(getContext());
public void smoothScrollTo() {
int scrollX = getScrollX();
// int delta = destX - scrollX;
// 1000ms 内滑向destX,效果就是慢慢滑动
scroller.startScroll(scrollX, 0, -300, -200, 3000);
}
@Override
public void computeScroll() {
if(scroller.computeScrollOffset()){
scrollTo(scroller.getCurrX(), scroller.getCurrY());
postInvalidate();
}
}
完结。。。