关于ImageView中Matrix的方法setScale()缩放处理

我们经常在项目中使用ImageView的scaleType来设置显示图片的显示方式，其中有一种type是矩阵变化matrix方式我们可能在项目中会相对少用，具体matrix的使用方式，不是文章的重点，可以自行google或者参考一下其他同学写的文章，主要我们讲一下Matrix.setScale()方式在使用过程中踩的坑，同样可以引申到Matrix的其他方法

参考文章

android matrix 最全方法详解与进阶（完整篇）

基本方法介绍

接下来我们简单介绍一下Matrix类常用的几种变化：

• setTranslate(float dx,float dy)：控制Matrix进行平移；
• setSkew(float kx,float ky,float px,float py)：控制Matrix以px,py为轴心进行倾斜，kx,ky为X,Y方向上的倾斜距离；
• setRotate(float degress)：控制Matrix进行旋转，degress控制旋转的角度；
• setRorate(float degress,float px,float py)：设置以px,py为轴心进行旋转，degress控制旋转角度；
• setScale(float sx,float sy)：设置Matrix进行缩放，sx,sy控制X,Y方向上的缩放比例；
• setScale(float sx,float sy,float px,float py)：设置Matrix以px,py为轴心进行缩放(此处有坑)，sx,sy控制X,Y方向上的缩放比例；

当然这里只是set方法，还有相应的preXXX()和postXXX()方法，其中的区别就是pre和post和执行的顺序有关系，set开头的方法是直接清除之前Matrix内的所有变化，重新设置一次。

• set是直接设置Matrix的值，每调用一次，之前Matrix内的所有变化都重置，整个Matrix的数组都会变掉
• post是后乘，当前的矩阵乘以参数给出的矩阵。可以连续多次使用post，来完成所需的整个变换
• pre是前乘，参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。

我们知道matrix实际上是一个3x3的矩阵，根据线性代数里面的知识，矩阵相乘，前乘和后乘得到的结果是不一样的，所以我们做的矩阵任何的变化(平移、缩放、旋转等)本质上都是对matrix矩阵进行操作，理解了这一点，对我们后面的踩坑有莫大的帮助

踩坑

这里讲一下在上面setScale(float sx,float sy,float px,float py)在实际应用中的坑，我们先看下Android注释是怎么解释这个方法的

Set the matrix to scale by sx and sy, with a pivot point at (px, py).The pivot point is the coordinate that should remain unchanged by the specified transformation.

这里什么意思呢？就是设置matrix根据sx和sy的值进行缩放，那么px和py是什么鬼呢？网络上很多解释是解释成中心点，在这个中心点的基础上进行缩放，其实不然，后面我们会讲到这里为什么会有坑，如果你把这两个参数当成缩放的中心点来看的话，在实际测试过程中你会发现图片并不是在当前中心点缩放，在缩放的同时，位置还会进行偏移(这里行为跟postScale(float sx,float sy,float px,float py)中的px与py不一致，post行为是真的以此处为中心点进行缩放)。这里为什么会这样呢？坑了我好久，不死心，觉得一定有什么猫腻，所以最好的方式，就是看看他的源码，看下到底是什么原因导致的

先看下Matrix.java类

    /**
     * Set the matrix to scale by sx and sy, with a pivot point at (px, py).
     * The pivot point is the coordinate that should remain unchanged by the
     * specified transformation.
     */
    public void setScale(float sx, float sy, float px, float py) {
        native_setScale(native_instance, sx, sy, px, py);
    }

纳尼？调用了native_setScale方法，可能很多人看到这一步需要去看native层的方法就放弃，但是没有什么能难倒攻城狮，不急，我们接着往下看

    private static native void native_setScale(int native_object,
                                        float sx, float sy, float px, float py);

根据一些jni的知识，我们知道在native层的代码肯定会有一个native_setScale的方法与之对应，所以我们需要去找到该native层的实现方法，看看他的代码。那么接下来我们去哪里找呢？可能很多同学会想到去下源码，可是源码何其多，网络情况良好的情况下个几天都是正常的，这里我推荐一个网站androidxref，这里面有你所需要的各个版本的源码，并且可以根据查询条件快速查找，查找也是非常快的。最后我们在Matrix.cpp中找到了

    {"native_setScale","(IFFFF)V", (void*) SkMatrixGlue::setScale__FFFF},

// 对应的方法
    static void setScale__FFFF(JNIEnv* env, jobject clazz, SkMatrix* obj, jfloat sx, jfloat sy, jfloat px, jfloat py) {
        SkScalar sx_ = SkFloatToScalar(sx);
        SkScalar sy_ = SkFloatToScalar(sy);
        SkScalar px_ = SkFloatToScalar(px);
        SkScalar py_ = SkFloatToScalar(py);
        obj->setScale(sx_, sy_, px_, py_);
    }

最后我们看一下obj->setScale(sx_, sy_, px_, py_);的实现

    void SkMatrix::setScale(SkScalar sx, SkScalar sy, SkScalar px, SkScalar py) {
       if (SK_Scalar1 == sx && SK_Scalar1 == sy) {
           this->reset();
       } else {
           fMat[kMScaleX] = sx;
           fMat[kMScaleY] = sy;
           fMat[kMTransX] = px - SkScalarMul(sx, px);
           fMat[kMTransY] = py - SkScalarMul(sy, py);
           fMat[kMPersp2] = kMatrix22Elem;
   
           fMat[kMSkewX]  = fMat[kMSkewY] =
           fMat[kMPersp0] = fMat[kMPersp1] = 0;
   
           this->setTypeMask(kScale_Mask | kTranslate_Mask | kRectStaysRect_Mask);
       }
   }

这里我们看到实际上不当当进行了缩放操作，还进行了平移操作，所以我们实际进行缩放的时候，还伴随着平移操作，实际上这里最后换算成的算法是fMat[kMTransX] = px - sx * px;。所以想要保持在缩放过程中不进行平移，那么我们需要改造一下算法px = fMat[kMTransX]/(1-sx)，那么有人会问，那我怎么能提前知道fMat[kMTransX]的值呢，这里就要在每次缩放操作前，根据当前需要缩放的比例，预测量出值，这里就不介绍怎么预测量，相信机智的小伙伴肯定已经有想法了～好了，这里就讲到这里，有问题请留言，我会及时回复，欢迎交流～