View基础知识
View不属于Android四大组件,但是它的作用甚至超过了四大组件,当Android系统所提供的基础控件不能满足我们的需求时,我们就需要自定义View来满足我们的需求,这就需要我们对View体系有深入的理解。
为了更好地了解View的内容,我们将介绍:View的位置参数,MotionEvent,TouchSlop对象,VelocityTracker对象,GestureDetector对象和Scroller对象。
1.什么是View
众所周知,Android中有许许多多的基础控件,例如:Button,TextView,RelativeLayout,ListView…它们的基类其实都是View。
View是一种界面层的控件的一种抽象,它代表了一个控件。
除了View,还有ViewGroup,正如其名,它是一个控件组,也就是说它内部包含了许多控件,即一组View。在Android的设计中,ViewGroup也继承于View,这就意味着View既可以是单个控件,也可以是一组控件形成的控件组,这也就形成了View树的结构,其类似于Web前端中的DOM树。
为了更好的理解View的概念,我们用Button和LinearLayout来说明:
Button显然是一个View,LinearLayout不仅是View也是一个ViewGroup,而且其内部可以有很多个View,这些子View同样也可以是一个ViewGroup(即Layout的多层嵌套),依次类推。
2.View的位置参数
View的位置主要由他的四个顶点来决定,分别对应于View的四个属性:
- top:左上角纵坐标
- left:左上角横坐标
- right:右下角横坐标
- bottom:右下角纵坐标
x轴和y轴的分布以及四个属性值的含义,如下图所示:
需要注意的是这些坐标都是相对于View的父容器来说的,因此它是一种相对坐标。
由上图可知:
width = right - left;
height = bottom - top;
这四个参数我们可以通过如下方法得到:
View v = ....//假设v是一个View实例
int top = v.getTop();
int left = v.getLeft();
int right = v.getRight();
int bottom = v.getBottom();
从Android3.0开始,View增加了额外的几个参数:x
, y
, translationX
, translationY
.
其中x,y是View左上角的坐标,而translationX和translationY是View左上角相对于父容器的偏移量。这几个参数View也提供了get/set方法,这几个参数的关系如下:
x = left + translationX;
y = top + translationY;
注:View在平移过程中,top和left表示的是原始左上角的位置信息,它们俩的值并不会改变,此时发生改变的是x, y, translationX, translationY。
我们用下图来更好地理解这几个参数的关系:
3.MotionEvent
在手指接触屏幕后所产生的一系列事件中,典型的事件类型有如下几种:
· ACTION_DOWN——手指刚接触屏幕(按下)
· ACTION_MOVE——手指在屏幕上移动(滑动)
· ACTION_UP——手指从屏幕上松开的一瞬间(松开)
正常情况下,一次手指触摸屏幕的行为会触发一系列的点击事件,考虑如下几种情况:
点击屏幕后松手离开,事件序列为DOWN->UP
点击屏幕滑动一会再松开,事件序列为 DOWN->MOVE->…->MOVE->UP
我们可以通过MotionEvent对象得到点击事件发生的x和y坐标。系统提供了两组方法:getX/getY和getRawX/getRawY。
getX/getY返回的是相对于当前View左上角的x和y坐标,而getRawX/getRawY返回的是相对于手机屏幕左上角的x和y坐标
4.TouchSlop
TouchSlop是系统所能识别出的被认为是滑动的最小距离
当在手机屏幕上滑动时,如果滑动之间的距离小于这个常量,那么系统就不认为你是在进行滑动操作,因为滑动距离太短,系统并不认为它是滑动。
TouchSlop这个常量和设备有关系,在不同设备上这个值可能是不同的,我们可以通过如下方式获取这个常量:ViewConfiguration.get(getContext()).getScaledTouchSlop()。
我们可以利用这个常量来做一些过滤,比如当两次滑动事件的滑动距离小于这个值,我们就可以认为它们不是滑动,这样做可以有更好的用户体验。
5.VelocityTracker(速度追踪)
速度追踪,用于追踪手指在滑动过程中的速度,包括了竖直方向和水平方向的速度。
我们可以在View的onTouchEvent方法中追踪当前单击事件的速度:
//event一般是通过onTouchEvent函数传递的MotionEvent对象
VelocityTracker velocityTracker = VelocityTracker.obtain();
velocityTracker.addMovement(event);
当我们想知道当前滑动速度时,就可以采用以下方式来获取当前速度:
velocityTracker.computeCurrentVelocity(1000);
int xVelocity = (int) vt.getXVelocity();
int yVelocity = (int) vt.getYVelocity();
在调用获取x和y方向的速度之前,首先要调用computeCurrentVelocity函数,用于设定计算速度的时间间隔(单位为ms)。
很显然,速度 = (终端位置-起始位置)/间隔时间。
最后,当我们不需要它的时候,需要调用clear方法来重置并回收内存:
velocityTracker.clear();
velocityTracker.recycle();
6.GestureDetector(手势检测)
手势检测,用于辅助检测用户的单击,滑动,长按,双击等行为。
如果自己不想去通过计算时间来识别行为,就直接用系统的GestureDector来监听这些事件,GestureDector的使用也非常简单。
首先,需要创建一个 GestureDetector对象实现onGestureListener接口。
GestureDetector.OnGestureListener listener=new GestureDetector.OnGestureListener() {
@Override
public boolean onDown(MotionEvent e) {
//手指出品按下的瞬间
return false;
}
@Override
public void onShowPress(MotionEvent e) {
//手指触摸屏幕,并且尚未松开或拖动。与onDown的区别是,onShowPress强调没用松开和没有拖动
}
@Override
public boolean onSingleTapUp(MotionEvent e) {
//手指离开屏幕(单击)
return false;
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
//手指按下并拖动,当前正在拖动
return false;
}
@Override
public void onLongPress(MotionEvent e) {
//手指长按事件
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
//手指快速滑动
return false;
}
};
GestureDetector mGestureDetector = new GestureDetector(this,listener);
//解决长按后无法拖动的问题
mGestureDetector.setIsLongpressEnabled(false);
接着,接管目标View的onTouchEvent方法,在待监听View的onTouchEvent方法中添加如下实现:
return mGestureDetector.onTouchEvent(event);
我们看到,OnGestureListener 监听器包含了各种事件的监听。除了OnGestureListener以外,还有OnDoubleTapListener它主要是处理双击相关的事件,可以通过setOnDoubleTapListener将该监听器设置到GestureDetector中。
我们来看看OnGetsureListener和OnDoubleTapListener中我们可以实现的方法:
7.Scroller
弹性滑动对象,用于实现View的弹性滑动。
当使用View的scrollTo/scrollBy方法进行滑动时,其过程是瞬间完成的,没有过渡效果。这时我们就可以通过Scroller来实现过渡效果的滑动,其过程并非瞬间完成,而是在一定的时间间隔内完成。
Scroller本身无法让View弹性滑动,他需要和View的computeScroll方法配合使用才能共同完成该功能。
怎么使用Scroller呢?它的典型代码如下所示:
Scroller scroller=new Scroller(getContext());
//缓慢滚动到指定位置
public void smoothScrollTo(int destX,int destY){
int scrollX = getScrollX();
int delta = destX - scrollX;
//1000ms内滑向destX,效果就是慢慢滑动
scroller.startScroll(scrollX,0,delta,0,1000);
invalidate();
}
@Override
public void computeScroll(){
if(scroller.computeScrollOffset()){
scrollTo(scroller.getCurrX(),scroller.getCurrY());
postInvalidate();
}
}
Scroller为何能够实现弹性滑动,请见下文——《View的事件体系——弹性滑动》