美文网首页
关于ImageView中Matrix的方法setScale()缩

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

作者: 蛋西 | 来源:发表于2018-06-07 16:12 被阅读0次

    我们经常在项目中使用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]的值呢,这里就要在每次缩放操作前,根据当前需要缩放的比例,预测量出值,这里就不介绍怎么预测量,相信机智的小伙伴肯定已经有想法了~好了,这里就讲到这里,有问题请留言,我会及时回复,欢迎交流~

    相关文章

      网友评论

          本文标题:关于ImageView中Matrix的方法setScale()缩

          本文链接:https://www.haomeiwen.com/subject/errgsftx.html