`

setScale,preScale和postScale的区别

 
阅读更多

转载自:http://www.eoeandroid.com/blog-659748-5465.html

上面讲到,Matrix由3*3矩阵中9个值来决定。而我们对Matrix的所有设置,也是对这9个值的各种不同的改变,来达到我们想要的效果。

下面是Matrix3*3的矩阵结构

[java] view plaincopy
  1. {MSCALE_X,MSKEW_X,MTRANS_X,  
  2. MSKEW_Y,MSCALE_Y,MTRANS_Y,  
  3. MPERSP_0,MPERSP_1,MPERSP_2}  



一、首先介绍Scale缩放的控制

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

下面就是一个简单的例子

[java] view plaincopy
  1. public class MatrixTestActivity extends Activity {  
  2.     private int screenWidth;  
  3.     private int screenHeight;  
  4.     private int bitmapWidth;  
  5.     private int bitmapHeight;  
  6.     private float baseScale;  
  7.     private float originalScale;  
  8.   
  9.     @Override  
  10.     public void onCreate(Bundle savedInstanceState) {  
  11.         super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.main);  
  13.         // 获得屏幕的宽高  
  14.         screenWidth = getWindow().getWindowManager().getDefaultDisplay().getWidth();  
  15.         screenHeight = getWindow().getWindowManager().getDefaultDisplay().getHeight();  
  16.         // 加载Imageview和获得图片的信息  
  17.         final ImageView imageView = (ImageView) findViewById(R.id.imgView);  
  18.         final Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.a);  
  19.         bitmapWidth = bitmap.getWidth();  
  20.         bitmapHeight = bitmap.getHeight();  
  21.   
  22.         // 计算缩放比,因为如果图片的尺寸超过屏幕,那么就会自动匹配到屏幕的尺寸去显示。  
  23.         // 那么,我们就不知道图片实际上在屏幕上显示的宽高,所以先计算需要全部显示的缩放比,  
  24.         // 在去计算图片显示时候的实际宽高,然后,才好进行下一步的缩放。  
  25.         // 要不然,会导致缩小和放大没效果,或者内存泄漏等等  
  26.         float scaleX = screenWidth / (float) bitmapWidth;  
  27.         float scaleY = screenHeight / (float) bitmapHeight;  
  28.         baseScale = Math.min(scaleX, scaleY);// 获得缩放比例最大的那个缩放比,即scaleX和scaleY中小的那个  
  29.         originalScale = baseScale;  
  30.   
  31.         final Matrix matrix = new Matrix();  
  32.         matrix.setScale(originalScale, originalScale);  
  33.         // 关于setScale和preScale和postScale的区别以后再说  
  34.         // matrix.preScale(originalScale, originalScale);  
  35.         // matrix.postScale(originalScale, originalScale);  
  36.         Bitmap bitmap2 = Bitmap  
  37.                 .createBitmap(bitmap, 00, bitmapWidth, bitmapHeight, matrix, false);  
  38.         imageView.setImageBitmap(bitmap2);  
  39.   
  40.         final Button scale_btn = (Button) findViewById(R.id.scale_btn);  
  41.         final EditText scale_text = (EditText) findViewById(R.id.scale_editView);  
  42.         scale_btn.setOnClickListener(new View.OnClickListener() {  
  43.             public void onClick(View v) {  
  44.                 String scaleStr = scale_text.getText().toString();  
  45.                 if (scaleStr == null || "".equals(scaleStr))  
  46.                     return;  
  47.                 float scale = 0.0f;  
  48.                 try {  
  49.                     scale = Float.parseFloat(scaleStr);  
  50.                 } catch (NumberFormatException e) {  
  51.                     return;  
  52.                 }  
  53.                 matrix.reset();  
  54.                 originalScale = scale * originalScale;//看  
  55.                 if (originalScale < 0.05 ){  
  56.                     originalScale=0.05f;  
  57.                 }  
  58.                 if(originalScale > baseScale){  
  59.                     originalScale=baseScale;  
  60.                 }  
  61.                 matrix.setScale(originalScale, originalScale);  
  62.                 Bitmap bitmapChange = Bitmap.createBitmap(bitmap, 00, bitmapWidth, bitmapHeight,  
  63.                         matrix, false);  
  64.                 imageView.setImageBitmap(bitmapChange);  
  65.             }  
  66.         });  
  67.     }  
  68. }  


可以发现,对于Scale的设置,Matrix提供了3中不同的方式来设置。

setScale、preScale、postScale。

这三种方法之间有什么区别呢?看下面的。

 

二、set....、pre....、post...的区别

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结合起来,那它们之间又有什么区别呢?

举几个例子测试下关于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变换设置的时候,一定要注意顺序,不 同的顺序,会有不同的结果。

分享到:
评论

相关推荐

    Android自定义view实现电影票在线选座功能

    缩放可以通过setScale、preScale和postScale三个方法实现。setScale会先将Matrix重置,然后设置新的缩放比例;preScale是在当前Matrix的基础上增加缩放,而postScale则是在缩放之后再应用当前的Matrix。通过这两个...

    安卓图片旋转放大缩写透明度调整例子.zip

    Matrix也可以通过preScale或postScale方法实现等比例或非等比例缩放: ```java Bitmap scaledBitmap = Bitmap.createScaledBitmap(bitmap, newWidth, newHeight, true); // 或者使用Matrix matrix.setScale(scaleX,...

    java+Android的图像矩阵实现,图片拼接、缩放、旋转等工能

    例如 setRotate(),setScale()preXXX()方法,例如 preRotate(),preScale()postXXX()方法,例如 postRotate(),postScale()其中,setXXX()会先将矩阵重置为单位矩阵,然后再进行矩阵变幻preXXX()和postXXX()方法会牵扯...

    Android 图片特效如何实现及总结

    例如,`postScale()`和`preScale()`用于在现有缩放变换基础上增加新的缩放,`postRotate()`和`preRotate()`用于添加旋转,以及`postTranslate()`和`preTranslate()`用于平移。 除了Matrix,Android还提供了`...

    通过matrix缩放图片

    Matrix类提供了多种方法来创建和修改矩阵,例如`setScale()`用于设置缩放,`postScale()`或`preScale()`可以在现有的变换基础上进行缩放。其中,`postScale()`是在当前矩阵后面附加缩放,而`preScale()`是在当前矩阵...

    Android-可以缩放的画布

    - **postScale()** 和 **preScale()**:这两个方法分别在当前矩阵后面和前面应用缩放操作,可以用来实现不同的缩放效果,例如连续缩放或者相对原点的缩放。 4. **触摸事件处理** 为了响应用户的缩放手势,需要...

    详谈Android中Matrix的set、pre、post的区别

    4. 注意这里虽然`preScale`在`setScale`之前,但由于`pre`是在队列前面插入,所以在实际执行时,`setScale`先于`preScale`。 了解这些方法的区别对于在Android中精确地控制图形的变换至关重要,尤其是在动画和视图...

    学习Matrix的对图像的处理可分为四类基本变换: Translate平移变换 Rotate 旋转变换 Scale缩放变换 Skew 错切变换 最好的demo

    如果希望保持原始图像的比例,可以使用`postScale()`或`preScale()`方法,并传入相同的缩放比例。 4. **Skew(错切变换)**: 错切变换会扭曲图像,使其沿一个或两个轴线倾斜。Matrix的`setSkew()`方法接受两个...

    利用Android的Matrix类实现J2ME的drawRegion的镜像方法

    2. **翻转操作**:要实现镜像效果,我们可以使用`postScale()`或`preScale()`方法,传入负值作为参数,以实现沿X轴或Y轴的翻转。例如,`matrix.postScale(-1, 1)`将沿X轴翻转图像,而`matrix.postScale(1, -1)`将沿Y...

    Android+Matrix理论与应用详解

    5. `postScale(float sx, float sy, float px, float py)`: 在当前矩阵基础上添加缩放变换,px和py为缩放中心点。 6. `postTranslate(float dx, float dy)`: 在当前矩阵基础上添加平移变换。 7. `preRotate(float ...

    Android应用源码之Matrix.zip

    2. **组合变换**:可以使用postTranslate(), postScale(), postRotate() 和 postSkew() 或 preTranslate(), preScale(), preRotate() 和 preSkew() 方法将多个变换连续应用到Matrix上,形成复合变换。 3. **应用变换...

    图片的放大缩小翻转MatrixTest

    2. `postScale(float sx, float sy)`: 这个方法是在现有的矩阵上追加缩放操作。与`setScale()`不同,它不会覆盖现有的变换,而是将其与现有变换结合。 3. `preScale(float sx, float sy)`: 这个方法是在现有的矩阵...

    android图片简单编辑

    - **缩放**:使用`Matrix`类进行图像缩放,通过设置`Matrix.SCALE_X`和`Matrix.SCALE_Y`,结合`postScale()`或`preScale()`方法实现。 - **剪裁**:可以使用`Bitmap.createBitmap()`配合`Rect`对象从原始图片中...

    androidMatrix

    此外,`Matrix`还支持对多个变换的复合,例如`postTranslate()`, `preTranslate()`, `postScale()`, `preScale()`等,可以将多个变换组合在一起应用到图像上。 `ColorMatrix`类则专注于颜色处理,它是一个5x4的矩阵...

    Android经典设计例程源码-Matrix.rar

    4. **PostScale, PostTranslate, PostRotate**:这些方法在当前矩阵的基础上进行操作,而不会替换原有矩阵,适合连续变换。 5. **PreScale, PreTranslate, PreRotate**:与Post操作相反,这些方法会在现有变换之前...

    android相册系统(用Matrix实现).zip

    `postTranslate()`, `preTranslate()`, `postRotate()`, `preRotate()`, `postScale()`, `preScale()`等方法用于在现有变换的基础上添加新的变换。 4. **位图操作**:Bitmap对象也有一个`createBitmap()`方法,其中...

    Matrix 详解

    相应地,Matrix类也提供了preConcat()、preRotate()、preScale()、preSkew()、preTranslate()和postConcat()、postRotate()、postScale()、postSkew()、postTranslate()等方法,分别用来设置变换的前后顺序。...

    Matrix的set,pre,post调用顺序详解

    `m.setScale(0.8f, 0.8f)`清空了之前的队列,所以`m.postTranslate(20, 20)`和`m.preScale(0.2f, 0.5f)`的变换不会被执行,只剩下`m.preTranslate(0.5f, 0.5f)`、`m.setScale(0.8f, 0.8f)`和`m.postScale(3f, 3f)`。...

    Android 矩阵ColorMatrix

    - 在例子四中,`m.preTranslate(50f, 20f)`、`m.preScale(2f, 2f)`、`m.postScale(0.2f, 0.5f)`和`m.postTranslate(20f, 20f)`的执行顺序是固定的,因为`pre`和`post`方法决定了操作的前后顺序。 - 在例子五中,`m....

Global site tag (gtag.js) - Google Analytics