关于imageview matrix

Matrix 是 Android SDK 提供的一个矩阵类,它代表一个 3 X 3 的矩阵

那么这 9 个浮点数的作用和意义是什么呢,从 Android 官方文档上看,它为这个数组中的每一个元素都定义了一个下标常量

如果我们将这个 float 排成直观的矩阵格式,那它将是下面这样子的

 际上我们平常利用 Matrix 来进行 Translate(平移)、Scale(缩放)、Rotate(旋转)的操作,就是在操作着这个矩阵中元素的数值来达到我们想要的效果

从这我们可以看出这个 Matrix 结构中的每个参数发挥着如下作用:

  • MTRANS_X、MTRANS_Y 同时控制着 Translate
  • MSCALE_X、MSCALE_Y 同时控制着 Scale
  • MSCALE_X、MSKEW_X、MSCALE_Y、MSKEW_Y 同时控制着 Rotate
  • 从名称上看,我们可以顺带看出 MSKEW_X、MSKEW_Y 同时控制着 Skew

Scale缩放的控制

scale就是缩放,我们调用Matrix的setScale、preScale、postScale,实际在内部,就是通过修改MSCALE_X和MSCALE_Y来实现的。

Matrix提供了3中不同的方式来设置, setScale、preScale、postScale。

2.setScale、preScale、postScale的区别

(1)、setScale(sx,sy),首先会将该Matrix设置为对角矩阵,即相当于调用reset()方法,然后在设置该Matrix的MSCALE_X和MSCALE_Y直接设置为sx,sy的值 
(2)、preScale(sx,sy),不会重置Matrix,而是直接与Matrix之前的MSCALE_X和MSCALE_Y值结合起来(相乘),M' = M * S(sx, sy)。
(3)、postScale(sx,sy),不会重置Matrix,而是直接与Matrix之前的MSCALE_X和MSCALE_Y值结合起来(相乘),M' = S(sx, sy) * M。
preScale和post都是与之前的Matrix结合起来,那它们之间又有什么区别呢?

 (1)、preScale的执行顺序

        ImageView imageView=(ImageView)findViewById(R.id.img);
        Matrix matrix=new Matrix();
        matrix.preScale(2, 2);//1
        matrix.preTranslate(100,100);//2
        imageView.setImageMatrix(matrix);

        float[] points=new float[]{0f,0f};
        matrix.mapPoints(points);
        Log.i(TAG, "matrix=("+matrix.toString());
        Log.i(TAG, "(x,y)  =("+points[0]+","+points[1]+")");

 结果如下

matrix=(Matrix{[2.0, 0.0, 200.0][0.0, 2.0, 200.0][0.0, 0.0, 1.0]}
(x,y)  =(200.0,200.0)

进行变换的顺序是先执行2,1

       ImageView imageView=(ImageView)findViewById(R.id.img);
        Matrix matrix=new Matrix();
        matrix.preTranslate(100,0);//1
        matrix.preScale(2, 2);//2
        matrix.preTranslate(100,100);//3
        imageView.setImageMatrix(matrix);

        float[] points=new float[]{0f,0f};
        matrix.mapPoints(points);
        Log.i(TAG, "matrix=("+matrix.toString());
        Log.i(TAG, "(x,y)  =("+points[0]+","+points[1]+")");

matrix=(Matrix{[2.0, 0.0, 300.0][0.0, 2.0, 200.0][0.0, 0.0, 1.0]}
(x,y)  =(300.0,200.0)

进行变换的顺序是先执行3,2,1

即对于一个Matrix的设置中,所有pre是倒着向后执行的

 (2)、postScale的执行顺序

       ImageView imageView=(ImageView)findViewById(R.id.img);
        Matrix matrix=new Matrix();
        matrix.postScale(2, 2);//1
        matrix.postTranslate(100,100);//2
        imageView.setImageMatrix(matrix);

        float[] points=new float[]{0f,0f};
        matrix.mapPoints(points);
        Log.i(TAG, "matrix=("+matrix.toString());
        Log.i(TAG, "(x,y)  =("+points[0]+","+points[1]+")");

matrix=(Matrix{[2.0, 0.0, 100.0][0.0, 2.0, 100.0][0.0, 0.0, 1.0]}
(x,y)  =(100.0,100.0)

进行变换的顺序是先执行1,2

        ImageView imageView=(ImageView)findViewById(R.id.img);
        Matrix matrix=new Matrix();
        matrix.postTranslate(100,0);//1
        matrix.postScale(2, 2);//2
        matrix.postTranslate(100,100);//3
        imageView.setImageMatrix(matrix);

        float[] points=new float[]{0f,0f};
        matrix.mapPoints(points);
        Log.i(TAG, "matrix=("+matrix.toString());
        Log.i(TAG, "(x,y)  =("+points[0]+","+points[1]+")");

matrix=(Matrix{[2.0, 0.0, 300.0][0.0, 2.0, 100.0][0.0, 0.0, 1.0]}
(x,y)  =(300.0,100.0)

进行变换的顺序是先执行1,2,3

即对于一个Matrix的设置中,所有post是顺着执行的

 (3)、当pre和post交替出现的执行顺序

即对于一个Matrix的设置中,先执行所有的Per(从后往前),之后执行post(顺序)

 最后可以得出结论,在对matrix该次变换之前的所有设置中,先检测有没有setScale,如果有,直接跳到setScale那一步开始执行变换,然后在倒着执行下面所有的pre...变换,在顺着执行所有post....的变换。所以在对Matrix变换设置的时候,一定要注意顺序,不同的顺序,会有不同的结果。

原文地址:https://www.cnblogs.com/mingfeng002/p/6728507.html