PhotoView源码分析

最近打算学习一下图片相关的处理知识，首先学习缩放显示，而这个控件是我了解到比较好的，果断学习之。

源码版本是：2.1.3

dependencies {
    compile 'com.github.chrisbanes:PhotoView:2.1.3'
}

对于如何使用，这里就不再赘述了，可以参考官方文档。

简介

首先上一张代码结构图，解释一下各个类大概都做了些什么。

photoview.jpg

稍微有点模糊，但是能看清，类的数量不多，接口就占了一大半，其中核心的类其实就三个，解释如下：

• PhotoView 正如官方文档说的一样，可完全替换掉之前代码中的ImageView，还可以设置一系列监听回调和一些属性的控制，例如是否支持缩放，图片旋转角度等

• PhotoViewAttacher 这个是这个框架的核心类，PhotoView中设置的信息都是通过这个Attacher去处理的，当然各种手势操作的流程和协调也是在这个类中处理

• CustomGestureDetector 这个类其实是集成缩放和拖动手势的逻辑，处理完后再回调到OnGestureListener接口中去处理相应的操作（onDrag，onFling，onScale）

还有一个重要的技术点就是，所有的操作都是通过使用Matrix实现，而为了实现这个功能，巧妙的使用三个Matrix来实现：

• mBaseMatrix 在图片设置成功后，会初始化的一个基础Matrix，是根据图片的ScaleType，对原图片进行的scale和translation操作后得到的Matrix

• mSuppMatrix 这个是图片经过手势操作，变换的scale和translation

• mDrawMatrix 这个是最终设置给PhotoView的Matrix，三者的关系是：
  mDrawMatrix = mSuppMatrix * mBaseMatrix

这样一来，把手势操作的变化的Matrix和原本的Matrix完美的分开了，互不影响，又能实现最终样式，想想都觉得赞。

对于Matrix的学习，其实先理解一下矩阵的乘法就容易很多了，而系统也封装好了对于scale和translation的方法，当然也还有rotate，具体的用法这里也不介绍了，可自行Google。

事件流程图

photoview流程图.jpg

简单解释一下我理解到的流程：

1、首先PhotoView初始化，会创建一个全局变量PhotoViewAttacher，PhotoView中的方法基本都是通过调用该mAttacher来实现的；
2、创建PhotoViewAttacher时，attacher会初始化一个OnTouchListener和OnLayoutChangeListener，前者是为了得到各种事件，便于处理，后者是为了让设置图片成功后，通知attacher去初始化mBaseMatrix；
3、接着也会初始化两个手势：mScaleDragDetector和mGestureDetector，两者都需要调用其onTouchEvent方法，先说后一个，对于GestureDetector，是系统提供的手势操作，这里回调了双击，单击，长按以及滑动，通过回调的双击支持双击放大和缩小，而其他的只是提供一个回调。
4、再来看mScaleDragDetector，这个是自定义的一个类，用来实现缩放和滑动的，初始化时传入了OnGestureListener，用于回调到相应操作，包含了onDrag、onFling、onScale；缩放是通过系统的ScaleGestureDetector手势实现，同样调用其onTouchEvent方法，即可回调到OnScaleGestureListener中，再回调给OnGestureListener的onScale方法；滑动是处理onTouchEvent，处理ACTION_DOWN，ACTION_MOVE，ACTION_UP事件，都是常规操作就不详细解释了。在ACTION_MOVE中回调了onDrag，在ACTION_UP时回调了onFling，对于fling滑动使用了一个OverScroller去执行弹性滑动；对于滑动使用的是matrix的postTranslate方法，缩放使用的是matrix的postScale，当然这个matrix是上文中说的mSuppMatrix。
5、最后在OnGestureListener的三个方法中通过使用mSuppMatrix实现图片的滑动和缩放，再调用setImageMatrix，给图片设置上mDrawMatrix就得到了最终的效果。
6、对于事件分发问题，先是在onTouch中通过requestDisallowInterceptTouchEvent得到事件，让父容器不拦截事件，再在onDrag中通过requestDisallowInterceptTouchEvent，根据判断条件是否让父容器来拦截之后的事件，从而解决事件分发问题。

至此就分析就基本分析完了，对于事件分发以及事件处理、手势处理以及图片对的Matrix都有了新的收获和认识，果然阅读好的源码是一件值得去做的事。