Matrix以及图片适配计算相关

一、图片缩放的计算方法

int mScreenWidth; // 屏幕宽度
int mScreenHeight; // 屏幕高度
int mImageWidth; // 图片宽度
int mImgaeHeight; // 屏幕高度

float imgRatio = (float)mImageWidth / (float) mImgaeHeight;
float screenRatio = (float)mScreenWidth / (float) mScreenHeight;

1.1 图片压缩
目的:让图片等比压缩到屏幕内,尽量不让图片尺寸超出屏幕,如果图片剪裁
if (imgRatio < maxRatio) {
   // 实际图片宽高比小于最大尺寸宽高比时,说明图片细长,期望图片高度设置为最大高度,宽度等比压缩;
   // 含义同两者的高度比数值小,图片以高度比为基准等比压缩
   imgRatio = maxHeight / actualHeight;
   actualWidth = (int) (imgRatio * actualWidth);
   actualHeight = (int) maxHeight;

} else if (imgRatio > maxRatio) {
     // 实际图片宽高比大于最大尺寸宽高比时,说明图片宽窄,期望宽度设置为最大宽度,高度等比压缩;
     // 含义同两者的宽度比数值小,图片以宽度比为基准等比压缩
     imgRatio = maxWidth / actualWidth;
     ctualHeight = (int) (imgRatio * actualHeight);
     actualWidth = (int) maxWidth;

 } else {
      actualHeight = (int) maxHeight;
      actualWidth = (int) maxWidth;
 }

1.2 图片放大
目的:让图片等比放大到超过屏幕尺寸,用于居中裁剪,类似centerCrop

if (imgRatio > maxRatio) {
    // 高度为基准等比放大
    actualWidth = (actualWidth * screenHeight) / actualHeight;
    actualHeight = screenHeight;
} else if (imgRatio < maxRatio) {
    // 宽度为基准等比放大
    actualHeight = (screenWidth * actualHeight) / actualWidth;
    actualWidth = screenWidth;
}

二、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)。

扫描二维码关注公众号,回复: 4897391 查看本文章

3、postScale(sx,sy),不会重置Matrix,而是直接与Matrix之前的MSCALE_X和MSCALE_Y值结合起来(相乘),M' = S(sx, sy) * M。

preScale和post都是与之前的Matrix结合起来,那它们之间又有什么区别呢?

举几个例子测试下关于pre....和post....的区别:

对一个Matrix如下设置

1、pre....的执行顺序

[java] view plaincopy

1.    Matrix matrix=new Matrix();  

2.    float[] points=new float[]{10.0f,10.0f};  

3.      

4.    matrix.preScale(2.0f, 3.0f);//  

5.    matrix.preTranslate(8.0f,7.0f);//  

6.    matrix.mapPoints(points);  

7.    Log.i("test", points[0]+"");  

8.    Log.i("test", points[1]+"");  

结果为点坐标为(36.0,51.0)

可以得出结论,进行变换的顺序是先执行preTranslate(8.0f,7.0f),在执行的preScale(2.0f,3.0f)。这也是为什么有的人比喻为pre...是向后生长的,即对于一个Matrix的设置中,

所有pre....是倒着向后执行的。

2、post...的执行顺序

[java] view plaincopy

1.    Matrix matrix=new Matrix();  

2.    float[] points=new float[]{10.0f,10.0f};  

3.      

4.    matrix.postScale(2.0f, 3.0f);//  

5.    matrix.postTranslate(8.0f,7.0f);//  

6.    matrix.mapPoints(points);  

7.    Log.i("test", points[0]+"");  

8.    Log.i("test", points[1]+"");  

结果为点坐标为(28.0,37.0)

可以得出结论,进行变换的顺序是先执行postScale(2.0f,3.0f),在执行的postTranslate(8.0f,7.0f)。这 也是为什么有的人比喻为post...是向前生长的,即对于一个Matrix的设置中,所有post....是顺着向前执行的。


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

[java] view plaincopy

1.    Matrix matrix=new Matrix();  

2.    float[] points=new float[]{10.0f,10.0f};  

3.      

4.    matrix.postScale(2.0f, 3.0f);  

5.    matrix.preRotate(90);  

6.    matrix.mapPoints(points);  

7.    Log.i("test", points[0]+"");  

8.    Log.i("test", points[1]+"");  

结果为点坐标为(-20.0,30.0)

将pre...和post顺序换一下

[java] view plaincopy

1.    Matrix matrix=new Matrix();  

2.    float[] points=new float[]{10.0f,10.0f};  

3.      

4.    matrix.preRotate(90);  

5.    matrix.postScale(2.0f, 3.0f);  

6.    matrix.mapPoints(points);  

7.    Log.i("test", points[0]+"");  

8.    Log.i("test", points[1]+"");  

结果为点坐标依旧为为(-20.0,30.0)

可见,总是pre先执行的。在看下面的:

[java] view plaincopy

1.    Matrix matrix = new Matrix();  

2.    float[] points = new float[] { 10.0f, 10.0f };  

3.      

4.    matrix.postScale(2.0f, 3.0f);// 第1步  

5.    matrix.preRotate(90);// 第2步  

6.    matrix.postTranslate(8.0f, 7.0f);// 第3步  

7.    matrix.preScale(1.5f, 2.5f);// 第4步  

8.    matrix.mapPoints(points);  

9.    Log.i("test", points[0] + "");  

10.  Log.i("test", points[1] + "");  

结果为点坐标依旧为为(-42.0,52.0)
经过前面的结论和推算,可以发现执行的顺序是   4----2----1---3


 

 在看下面的,增加了setScale的一段代码:

[java] view plaincopy

1.    Matrix matrix = new Matrix();  

2.    float[] points = new float[] { 10.0f, 10.0f };  

3.      

4.    matrix.postScale(2.0f, 3.0f);// 第1步  

5.    matrix.preRotate(90);// 第2步  

6.    matrix.setScale(1.4f, 2.6f);// 第3步  

7.    matrix.postTranslate(8.0f, 7.0f);// 第4步  

8.    matrix.preScale(1.5f, 2.5f);// 第5步  

9.    matrix.mapPoints(points);  

10.  Log.i("test", points[0] + "");  

11.  Log.i("test", points[1] + "");  

结果为点坐标依旧为为(29.0,72.0)
经过计算,可以发现,在第3步setScale之前的第1、2步根本就没有用了,直接被第3步setScale覆盖,在从第3开始执行的。

顺序为2---1----3----5----4,因为2、1被覆盖了,所以没有效果,相当于直接执行3-----5----4

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

marix来源:https://blog.csdn.net/u011122331/article/details/47149773

猜你喜欢

转载自blog.csdn.net/sinat_28496853/article/details/81184581
今日推荐