前言：上 篇介绍了提供手势绘制的视图平台GestureOverlayView，但是在视图平台上绘制出的手势，是需要存储以及在必要的利用时加载取出手势。所 以，用户绘制出的一个完整的手势是需要一定的代码机制来完成存储以及必要时加载取出的；那么，在源码中Gesture这个类就是用来描述完整的手势的。一 个Gesture就是用户手指在触摸屏上绘制形成的不规则几何图形(A gesture is a hand-drawn shape on a touch screen)；

   一. Gesture的组成

我们知道，当我们在GestureOverlayView上绘制手势时，形成的不规则几何图形是由多数个点形成的，这些点都有其对应的在屏幕上的坐 标值和时间戳(event.getEventTime())；那么，这些点是如何组成Gesture的呢？针对这个问题，通过对Android手势源码的 浅析来寻求答案；

下图总体上大概描述了Gesture的形成结构，如下：

从上图描述的类关系中，可以知道：

1. 触摸屏上的点首先是通过GesturePoint这个类来描述的，GesturePoint封装点的x,y轴值和时间戳。

2. GesturePoint中封装的点的信息会在GestureStroke类中被拆解处理，点对应的x,y值被拆解存放在GestureStroke的 float类型数组成员points中，而点对应的时间戳则放在long类型成员数组timestamps中。

3. GestureStroke表示一个手势行程(用户手指点下屏幕到手势离开屏幕绘制出的轨迹就是一个手势行程)。一个完整的手势由一个或多个手势行程组成(单笔画或多笔画绘制手势)

4. Gesture由单个或多个GestureStroke组成，Gesture类中的mStrokeBuffer成员为ArrayList类型集合，存放的是GestureStroke；

   二. Gesture的形成过程：

当我们在GestureOverlayView上绘制手势时，会调用GestureOverlayView的touchDown、touchMove、touchUp方法，然后将通过这个三个方法捕获到的形成手势的多数个点组成Gesture。如下代码:

 

—->通过上面的代码可知，当用户正在绘制手势时，会调用touchDown、touchMove，执行mStrokeBuffer.add(new GesturePoint(x, y, event.getEventTime()))，实现将点的x、y、event.getEventTime() 值作为GesturePoint的构造函数的实参创建GesturePoint对象，然后将得到的GesturePoint添加到mStrokeBuffer集合中(mStrokeBuffer为ArrayList<GesturePoint>类型)；

GesturePoint的源代码如下：

 

通过源码可知，在GesturePoint的构造函数中，将传进来的点的各个信息值分别赋值给自身的成员变量x、y、timestamp；所以GesturePoint描述的就是组成完成手势中的一个点元素；而GestureOverlayView中的mStrokeBuffer集合保存着组成手势的多数个点

—->紧接着，当用户完成手势绘制手指离开屏幕时，会调用touchUp，执行 mCurrentGesture.addStroke(new GestureStroke(mStrokeBuffer))，实现将之前绘制手势得到的mStrokeBuffer集合作为GestureStroke构造函数的实参创建GestureStroke对象，然后将GestureStroke对象作为mCurrentGesture(Gesture对象)的方法addStroke的实参，实现将GestureStroke添加到Gesture中；

GesturePoint的部分源代码如下：

通过上面的代码可知，当我们创建GestureStroke的对象时，会执行GestureStroke的构造函数。而在GestureStroke的构造函数中，实现将传进来的mStrokeBuffer集合中封存的多个点进行遍历拆解出来，然后分别赋值给GestureStroke的数组成员变量points，timestamps，同时也根据点的坐标值计算出手势行程的长度length；

—->接着，将创建得到的GestureStroke对象通过调用Gesture的addStroke方法添加到Gesture类的mStrokes中，Gesture的addStroke方法源码实现如下：

所以，在Gesture的成员mStrokes中存放着是用户在触摸屏上绘制形成的当前手势相关信息。在Gesture中会根据得到的mStrokes 中这些信息去进行一些重要的处理，如将其序列化存储(serialize)、手势转化成bitmap显示(toBitmap)、还原手势的绘制路径 (toPath)等；

*后，针对手势组成类之间的关系进行一个小结:

1). GesturePoint: 描述用户手指在屏幕位置的一个定时点，封装用户手指在屏幕上的点坐标值以及时间戳，时间戳由event.getEventTime()决定。

2). GestureStroke：描述用户手指在屏幕上滑动到手指离开屏幕时所产生的轨迹线(由多个时间序列点形成)，一个GestureStroke由多个GesturePoint组成。

3). Gesture：实现Parcelable接口，描述用户完成绘制的完整手势，一个Gesture由单个或多个GestureStroke组成。手势绘制可通过GestureOverlayView.setGestureStrokeType(inttype)来设置单笔和多笔画。

 

  前言：Android 关于手势的操作提供两种形式：一种是针对用户手指在屏幕上划出的动作而进行移动的检测，这些手势的检测通过android提供的监听器来实现；另一种是用 户手指在屏幕上滑动而形成一定的不规则的几何图形(即为多个持续触摸事件在屏幕形成特定的形状)；本文主要是针对第二种手势的绘制原理进行浅析，我们姑且 称它为输入法手势；

    一. 输入法手势

在Android源码中，谷歌提供了相关的手势库源码，供给开发者丰富多彩的接口调用实现；这些提供相关接口的类所在的源码路径为frameworks/base/core/java/android/gesture；

如下图gesture文件中的相关类：

 

绘制手势需要一个视图界面平台，而这个视图界面平台由GestureOverlayView这个类来实现，该类继承FrameLayout容器视图类。所以，当我们在手机屏幕上画手势时，GestureOverlayView主要负责显示和处理手指在屏幕上滑动所形成的手势。

以下举一个简单的Demo来说明如何通过GestureOverlayView实现在屏幕上绘制手势；

1). main.xml文件代码如下：

 

很简单，添加一个android.gesture.GestureOverlayView的布局组件；

2). 加载布局文件和实现手势绘制的Actitivty代码如下：

 

示例代码下载链接地址：http://download.csdn.net/detail/stevenhu_223/5789777
通过上面的Demo可知，要想实现绘制和监听操作手势，GestureOverlayView是必不可少的，GestureOverlayView为何方神圣
，它是如何实现手势的绘制和监听操作的，接下来将对它进行浅析。

   二. GestureOverlayView类浅析

其实手势的绘制原理和前篇<<Android中Path类的lineTo方法和quadTo方法画线的区别>>中绘制轨迹线的原理差不多，只不过在GestureOverlayView中的处理相对比较复杂；

GestureOverlayView继承FrameLayout，所以它也是ViewGroup类型(继承 View)，GestureOverlayView重写View的dispatchTouchEvent方法。所以，我们手指在屏幕上触摸滑动时，会调用 GestureOverlayView的dispatchTouchEvent方法；代码如下：

 

isEnabled()得到当前视图的enable状态，若当前视图的enable状态为true，则继续执行processEvent(event)，传入参数为对应的滑动事件。

—-> 我们接着继续跟踪processEvent方法，代码如下:

 

在processEvent方法中会根据用户手指对屏幕操作的MotionEvent进行处理：

1). 当MotionEvent事件为ACTION_DOWN时，调用touchDown(MotionEvent event)方法;

2). 当MotionEvent事件为ACTION_MOVE，且mIsListeningForGestures为true时(执行touchDown时赋值为true)，调用touchMove(MotionEvent event)方法;

3). 当MotionEvent事件为ACTION_UP，且mIsListeningForGestures为true时，调用touchUp(MotionEvent event, boolean cancel)方法；mIsListeningForGestures在执行touchUp时赋值为false；

4). 当MotionEvent事件为ACTION_CANCEL，且mIsListeningForGestures为true时，调用touchUp(MotionEvent event, boolean cancel)方法；
接下来逐步分析以上分发处理MotionEvent事件的各个函数的实现：

—->touchDown(MotionEvent event)，当用户手指点下屏幕时调用该方法，码如下：

 

在touchDown中，实现处理当用户手指在点下屏幕时的一些操作，这些操作包括：

1). 获取用户手指点下屏幕时所在的坐标值x,y，同时将它们分别赋值给全局变量mX,mY；mTotalLength变量代表绘制手势的总长度，在调用 touchDown时，手势还没绘制，所以mTotalLength为0；mIsGesturing描述是否正在绘制手势，为false表示不是正在绘制 手势；
2). 根据一些条件判断，设置画笔颜色，处理手势画笔的相关状态，以及创建Gesture对象等。

3). 将1)得到的x,y坐标值和event.getEventTime()的值作为GesturePoint构造函数的实参创建GesturePoint对象，并将该对象添加进mStrokeBuffer数组集合。

4). 将1)得到的x,y坐标值作为mPath画笔路径的初始点。

5). 遍历存放OnGestureListener的集合listeners，调用实现OnGestureListener接口的onGestureStarted()方法；

—->touchMove(MotionEvent event)，当用户手指在屏幕上滑动时调用该方法，码如下：

 

touchMove方法中主要有以下功能的实现：
1). touchMove方法返回值类型为Rect(定义一个矩形区域)，若返回值不会空，则调用invalidate(Rectrect)刷新；

2). 得到当前的手指滑动所在屏幕位置的x,y坐标值，将x,y值与调用touchDown()时得到的x,y值相减后取*对值，得到偏移量dx,dy；

 

3). dx或dy大于指定的GestureStroke.TOUCH_TOLERANCE时(默认值为3)，执行画笔绘制手势的实现流程代码。

4). mPath画笔路径调用quadTo()方法执行贝塞尔曲线计算，实现得到平滑曲线。

 

5). areaToRefresh矩形区域负责根据手势绘制控制点和结束点的位置不断更新，画出手势画笔轨迹(每次调用touchMove()时，areaToRefresh逐点更新从而汇成一定轨迹的几何图形，即手势的雏形)。

6). 将第二步得到x,y坐标值和event.getEventTime()的值作为GesturePoint构造函数的实参创建GesturePoint对 象，并将该对象添加进mStrokeBuffer数组集合。(保存用户在屏幕上绘制形成手势的相关信息)

 

7). 当调用GestureOverlayView的addOnGesturePerformedListener方法添加监听器 OnGesturePerformedListener时，mHandleGestureActions为true，这时候会执行计算移动所得的这些点集 的*小边界框，然后根据这个*小边界框进行一些条件判断，进而设置mIsGesturering为true,以及设置手势尚未形成绘制手势的显示颜色。

8). touchMove()的*后，遍历存放OnGestureListener接口的集合listeners，调用实现OnGestureListener接口的onGesture方法。

—->touchUp(MotionEvent event, boolean cancel)，当用户手指离开屏幕或MotionEvent 事件取消时调用该方法，码如下：

 

touchUp方法中主要有以下功能的实现：
1). 首先将mIsListeningForGesture赋值为false；

 

2). 判断当前是否存在mCurrentGesture(Gesture类型)，该变量在执行touchDown方法时创建Gesture对象赋值的，也可以通 过调用setGesture方法赋值；(mCurrentGesture描述的就是当前用户绘制形成的整个手势)

3). 若mCurrentGesture不为空，则将之前调用touchDonw和touchMove收集得到的GesturePoint组成的数组集合 mStrokeBuffer做为GestureStroke构造函数的实参，创建GestureStroke对象。然后将GestureStroke对象 通过调用addStroke方法添加到mCurrentGesture中；

4). 若touchUp方法的第二个参数为false(即执行ACTION_UP事件时)，则遍历存放OnGestureListener的集合，调用实现该接 口的onGestureEnded()方法。接着调用clear方法，实现将当前绘制形成的手势清除(即手势淡出屏幕；手指离开屏幕时到手势淡出屏幕，这 期间是有时间间隔的，且这个时间间隔也是可以设置)；

5). 若touchUp()方法的第二个参数为true(即执行ACTION_CANCEL事件时)，调用cancelGesture()方法。在该方法中：首 先遍历存放OnGestureListener的集合，调用实现该接口的onGestureCancelled()方法，接着调用clear()方法实现 回收mCurrentGesture对象、清除画笔等淡出屏幕处理；

—->上面4)中，当touchUp方法的cancel参数为false时，通过调用clear(boolean animated, boolean fireActionPerformed, boolean immediate)处理手势淡出屏幕，我们来看看这个方法的实现，代码如下：

 

通过上面的代码，我们知道，在clear函数中，会通过传入的实参来决定如何去进一步处理手势的淡出，有两种处理方式：

1. 调用mPath.rewind()，将绘制手势的重置清除，然后调用invalidate()；

2. 调用postDelayed(mFadingOut, mFadeOffset)，到主线程中处理，mFadeOffset就是决定手势淡出屏幕的时间间隔；

我们针对第二种在主线程中处理的方式继续跟踪解析代码，mFadingOut是FadeOutRunnable对象，FadeOutRunnable继承Runnable类，该类的实现代码如下：

 

值得注意的是，在主线程中处理手势淡出屏幕，当我们绑定了监听器OnGesturePerformedListener，手势淡出屏幕时会调用fireOnGesturePerformed方法，该方法实现遍历存放OnGesturePerformedListener的集合actionListeners，进而调用实现OnGesturePerformedListener接口的函数onGesturePerformed，代码如下：

*后，有一点值得注意， 当我们手指在触摸屏上滑动时，在processEvent方法中，每次执行完touchDown、touchMove方法后都会调用 invalidate()、invalidate(rect)进行不断的刷新，那么这时候就调用draw方法将用户在触摸屏上绘制的手势轨迹显示出来，代 码如下：

 

至此，关于实现手势绘制的视图平台类GestureOverlayView的浅析就结束了！