Zane'Blog

View的事件体系-View的基础知识

发表于 | 分类于 | | 阅读次数

If you lose your way, you ‘ll go against the wind from all the wrong directions. 如果失去了方向，那么所有方向吹过了的都是逆风

虽然说View不属于四大组件，但是它的作用堪比四大组件，甚至比Receiver和Provider的重要性都要大。在Android中，Activity承担着可视化的功能，同时Android系统提供了很多基础控件，常见的有Button、TextView、CheckBox等。很多时候仅仅使用系统提供的控件是不能满足需求的，因此我们就需要能够根据需求进行新控件的定义，而控件的自定义就需要对Android的View的体系有深入的理解，只有这样才能写出完美的自定义控件。同时Android手机属于移动设备，移动设备的一个特点就是用户可以直接通过屏幕来进行一系列操作，一个典型的场景就是屏幕的滑动，用户可以通过滑动来切换到不同的界面。很多情况下我们的应用都需要支持滑动操作，当处于不同层级的View都可以响应用户的滑动操作时，就会带来一个问题，那就是滑动冲突。如何解决该问题，就需要读者对 View的事件分发机制 有一定的了解。上述内容就是接下来我要和大伙一起探讨的内容。

View的基础知识

这里主要介绍View的一些基础知识，从而为更好地介绍后续的内容做铺垫。主要介绍的内容有：View的位置参数、MotionEvent和TouchSlop对象、VelocityTracker、GestureDetector和Scroller对象，通过对这些基础知识的介绍，可以方便大伙理解更复杂的内容。

一、什么是View

在介绍View的基础知识之前，首先要知道到底什么是View。View是Android中所有控件的基类，不管是简单的Button和TextView还是复杂的RelativeLayout或者ListView，它们的共同基类都是View。所以说，View是一种界面层的控件的一种抽象，它代表了一个控件。除了Viwe，还有ViewGroup，从名字来看，它可以翻译为控件组，言外之意是ViewGroup内部包含了许多个控件，即一组View。在Android的设计中，ViewGroup也继承了View，这就意味着View本身就可以是单个控件也可以是由多个控件组成的一组控件，通过这种关系就形成了View树的结构，这和Web前端中的DOM树的概念是相似的。根据这个概念，我们知道，Button显示是一个View，而比如 LinearLayout（五大布局之一；分别为LinearLayout、RelativeLayout、TableLayout、FrameLayout、AbsoluteLayou）不但是一个View而且还是一个ViewGroup，而ViewGroup内部是可以有子View的，这个子View同样还可以是ViewGroup，依次类推。

二、View的位置参数

View的位置主要由它的四个顶点来决定，分别对应于View的四个属性：top、left、right、bottom，其中top是左上角纵坐标，left是左上角横坐标，right是右下角横坐标，bottom是右下角纵坐标。需要注意的是，这些坐标都是相对于View的父容器来说的，因此它是一种相对坐标。在Android中，x轴和y轴的正方向为右和下，不仅仅是Android，大部分显示系统都是按照这个标准来定义坐标系的。

根据图，很容易得出View的宽高和坐标的关系：

1
2
width = right - left
height = bottom - top

那么，如果得到View的这四个坐标参数呢？在View的源码中它们分别对应于mLeft、mRight、mTop和mBottom这四个成员变量，获取方式如下所示。

  • Left = getLeft()

  • Right = getRight()

  • Top = getTop()

  • Bottom = getBottom()

从Android 3.0 开始，View增加了额外的几个参数：x、y、translationX和translationY，其中x和y是View左上角的坐标，而translationX和translationY是View左上角相对于父容器的偏移量。这几个参数也是相对于父容器的坐标，并且translationX和translationY的默认值为0。与View的四个基本的位置参数一样，View也为它们提供了get/set方法，这几个参数的换算关系如下所示：

1
2
x = left + translationX
y = top + translationY

需要注意的是，View在平移的过程中，top和left表示的是原始左上角的位置信息，其值并不会发生改变，此时发生改变的是x、y、translationX和translationY这四个参数。

三、MotionEvent和TouchSlop

1、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坐标。

2、TouchSlop

TouchSlop是系统所能识别出的被认为是滑动的最小距离，换句话说，当手指在屏幕上滑动时，如果两次滑动之间的距离小于这个常量(TouchSlop)，那么系统就不认为你是在进行滑动操作。这是一个常量，与设备有关，在不同设备上这个值可能是不同的，通过这种方式即可获取该常量：ViewConfiguration.get(getContext()).getScaledTouchSlop()。

这个常量有什么意义呢？当我们在处理滑动时，可以利用这个常量来做一些过滤，比如两次滑动事件的滑动距离小于这个值，我们就可以认为未达到滑动距离的临界值，因此就可以认为它们不是滑动，这样做可以有更好的用户体验。

其实在源码中可以找到这个常量的定义，在frameworks/base/core/res/res/values/config.xml文件中，如下所示：

1
2
<!-- Base "touch slop" value used by ViewConfiguration as a movement threshold where scrolling should begin. -->
<dimen name="config_viewConfigurationTouchSlop">8dp</dimen>

这个“config_viewConfigurationTouchSlop”对应的就是这个常量的定义。

四、VelocityTracker、GestureDetector和Scroll

1、VelocityTracker —— 速度追踪

速度追踪，用于追踪手指在滑动过程中的速度，包括水平和竖直方向的速度。它的使用过程很简单，首先，在View的onTouchEvent方法中追踪当前单击事件的速度：

1
2
VelocityTracker velocityTracker = VelocityTracker.obtain();
velocityTracker.addMovement(event);

接着，当我们想知道当前的滑动速度时，这个时候可以采用如下方法来获得当前的速度：

1
2
3
velocityTracker.computeCurrentVelocity(100);
int xVelocity = (int)velocityTracker.getXVelocity();
int yVelocity = (int)velocityTracker.getYVelocity();

在这一步中有两点需要注意：

第一点：获取速度之前必须先计算速度，即getXVelocity和getYVelocity这两个方法的前面必须要调用computeCurrentVelocity方法；

第二点：这里的速度是指一段时间内手指所滑过的像素数，比如将时间间隔设为1000ms时，在1s内，手指水平方向从左向右滑过100像素，那么水平速度就是100。注意速度可以为负数，当手指从右往左滑动时，水平方向速度即为负值。

速度的计算可以用如下公式来表示：速度 = （终点位置 - 起点位置） / 时间段

根据上面的公式再加上Android系统的坐标系，可以知道，手指逆着坐标系的正方向滑动，所产生的速度就为负值。另外，computeCurrentVelocity这个方法的参数表示的是一个时间单元或者说时间间隔，它的单位是毫秒(ms)，计算速度时得到的速度就是在这个时间间隔内手指在水平或竖直方向上所滑动的像素数。针对上面的例子，如果我们通过velotictyTracker.computeCurrentVelocity(100)来获取速度，那么得到的速度就是手指在100ms内所滑过的像素数，因此水平速度就成了10像素/每100ms(这里假设滑动过程是匀速的)，即水平速度为10。

最后，当不需要使用它的时候，需要调用clear方法来重置并回收内存：

1
2
velocityTracker.clear();
velocityTracker.recycle();

上面就是如何使用VelocityTracker对象的全过程。

2、GestureDetector —— 手势检测

手势检测，用于辅助检测用户的单击、滑动、长按、双击等行为。要使用GestureDetector也不复杂，参考如下过程。

首先，需要创建一个GestureDetector对象并实现OnGestureListener接口，根据需要还可以实现OnDoubleTapListener从而能够监听双击行为：

1
2
3
GestureDetector mGestureDetector = new GestureDetector(this);
//解决长按屏幕后无法拖动的现象
mGestureDetector.setIsLongpressEnabled(false);

接着，接管目标View的onTouchEvent方法，在待监听View的onTouchEvent方法中添加如下实现：

1
2
boolean consume = mGestureDetector.onTouchEvent(event);
return consume;

做完了上面两步，我们就可以有选择地实现OnGestureListener和OnDoubleTapListener中的方法了，这两个接口中的方法介绍如图所示：

图中方法很多，但是并不是所有的方法都会被时常用到，在日常开发中，比较常用的有：onSingleTapUp(单击)、onFling(快速滑动)、onScroll(拖动)、onLongPress(长按)和onDoubleTap(双击)。另外这里要说明的是，实际开发中，可以不使用GestureDetector，完全可以自己在View的onTouchEvent方法中实现所需的监听，这个就看个人的喜好了。

这里有一个建议供参考：如果只是监听滑动相关的，建议在onTouchEvent中实现，如果要监听双击这种行为的话，那么就使用GestureDetector。

3、Scroller —— 弹性滑动对象

弹性滑动对象，用于实现View的弹性滑动。当使用View的scrollTo/scrollBy方法来进行滑动时，其过程是瞬间完成的，这个没有过渡效果的滑动用户体验不好。这时就可以使用Scroller来实现有过渡效果的滑动，其过程不是瞬间完成的，而是在一定的时间间隔内完成的。Scroller本身无法让View弹性滑动，它需要和View的computeScroll方法配合使用才能共同完成这个功能。那么如何使用Scroller呢？它的典型代码如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Scroller scroller = new Scroller(mContext);
//缓慢滚动到指定位置
private void smoothScrollTo(int destX, int destY) {
    int scrollX = getScrollX();
    int delta = destX - scrollX;
    //1000ms内滑向destX，效果就是慢慢滑动
    mScroller.startScroll(scrollX, 0, delta, 0, 1000);
    invalidate();
}
public void computeScroll() {
    if(mScroller.computeScrollOffset()) {
        scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
        postInvalidate();
    }
}
坚持原创技术分享，您的支持将鼓励我继续创作！