Android中的矩阵转换 (Matrix转换)

转载 2015年11月20日 18:00:02

Android中的Matrix转换

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

下面是Matrix3*3的矩阵结构

{MSCALE_X,MSKEW_X,MTRANS_X,
MSKEW_Y,MSCALE_Y,MTRANS_Y,
MPERSP_0,MPERSP_1,MPERSP_2}


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

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

下面就是一个简单的例子

public class MatrixTestActivity extends Activity {
  private int screenWidth;
  private int screenHeight;
  private int bitmapWidth;
  private int bitmapHeight;
  private float baseScale;
  private float originalScale;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    // 获得屏幕的宽高
    screenWidth = getWindow().getWindowManager().getDefaultDisplay().getWidth();
    screenHeight = getWindow().getWindowManager().getDefaultDisplay().getHeight();
    // 加载Imageview和获得图片的信息
    final ImageView imageView = (ImageView) findViewById(R.id.imgView);
    final Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.a);
    bitmapWidth = bitmap.getWidth();
    bitmapHeight = bitmap.getHeight();

    // 计算缩放比,因为如果图片的尺寸超过屏幕,那么就会自动匹配到屏幕的尺寸去显示。
    // 那么,我们就不知道图片实际上在屏幕上显示的宽高,所以先计算需要全部显示的缩放比,
    // 在去计算图片显示时候的实际宽高,然后,才好进行下一步的缩放。
    // 要不然,会导致缩小和放大没效果,或者内存泄漏等等
    float scaleX = screenWidth / (float) bitmapWidth;
    float scaleY = screenHeight / (float) bitmapHeight;
    baseScale = Math.min(scaleX, scaleY);// 获得缩放比例最大的那个缩放比,即scaleX和scaleY中小的那个
    originalScale = baseScale;

    final Matrix matrix = new Matrix();
    matrix.setScale(originalScale, originalScale);
    // 关于setScale和preScale和postScale的区别以后再说
    // matrix.preScale(originalScale, originalScale);
    // matrix.postScale(originalScale, originalScale);
    Bitmap bitmap2 = Bitmap
        .createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight, matrix, false);
    imageView.setImageBitmap(bitmap2);

    final Button scale_btn = (Button) findViewById(R.id.scale_btn);
    final EditText scale_text = (EditText) findViewById(R.id.scale_editView);
    scale_btn.setOnClickListener(new View.OnClickListener() {
      public void onClick(View v) {
        String scaleStr = scale_text.getText().toString();
        if (scaleStr == null || "".equals(scaleStr))
          return;
        float scale = 0.0f;
        try {
          scale = Float.parseFloat(scaleStr);
        } catch (NumberFormatException e) {
          return;
        }
        matrix.reset();
        originalScale = scale * originalScale;//看
        if (originalScale < 0.05 ){
          originalScale=0.05f;
        }
        if(originalScale > baseScale){
          originalScale=baseScale;
        }
        matrix.setScale(originalScale, originalScale);
        Bitmap bitmapChange = Bitmap.createBitmap(bitmap, 0, 0, bitmapWidth, bitmapHeight,
            matrix, false);
        imageView.setImageBitmap(bitmapChange);
      }
    });
  }
}

可以发现,对于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....的执行顺序

Matrix matrix=new Matrix();
        float[] points=new float[]{10.0f,10.0f};
        
        matrix.preScale(2.0f, 3.0f);//
        matrix.preTranslate(8.0f,7.0f);//
        matrix.mapPoints(points);
        Log.i("test", points[0]+"");
        Log.i("test", points[1]+"");

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

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

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


2、post...的执行顺序 

Matrix matrix=new Matrix();
        float[] points=new float[]{10.0f,10.0f};
        
        matrix.postScale(2.0f, 3.0f);//
        matrix.postTranslate(8.0f,7.0f);//
        matrix.mapPoints(points);
        Log.i("test", points[0]+"");
        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交替出现的执行顺序 

Matrix matrix=new Matrix();
        float[] points=new float[]{10.0f,10.0f};

        matrix.postScale(2.0f, 3.0f);
        matrix.preRotate(90);
        matrix.mapPoints(points);
        Log.i("test", points[0]+"");
        Log.i("test", points[1]+"");
结果为点坐标为(-20.0,30.0) 

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

Matrix matrix=new Matrix();
        float[] points=new float[]{10.0f,10.0f};
        
        matrix.preRotate(90);
        matrix.postScale(2.0f, 3.0f);
        matrix.mapPoints(points);
        Log.i("test", points[0]+"");
        Log.i("test", points[1]+"");
结果为点坐标依旧为为(-20.0,30.0) 

可见,总是pre先执行的。在看下面的:
Matrix matrix = new Matrix();
    float[] points = new float[] { 10.0f, 10.0f };

    matrix.postScale(2.0f, 3.0f);// 第1步
    matrix.preRotate(90);// 第2步
    matrix.postTranslate(8.0f, 7.0f);// 第3步
    matrix.preScale(1.5f, 2.5f);// 第4步
    matrix.mapPoints(points);
    Log.i("test", points[0] + "");
    Log.i("test", points[1] + "");
结果为点坐标依旧为为(-42.0,52.0) 
经过前面的结论和推算,可以发现执行的顺序是   4----2----1---3 


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

Matrix matrix = new Matrix();
    float[] points = new float[] { 10.0f, 10.0f };

    matrix.postScale(2.0f, 3.0f);// 第1步
    matrix.preRotate(90);// 第2步
    matrix.setScale(1.4f, 2.6f);// 第3步
    matrix.postTranslate(8.0f, 7.0f);// 第4步
    matrix.preScale(1.5f, 2.5f);// 第5步
    matrix.mapPoints(points);
    Log.i("test", points[0] + "");
    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变换设置的时候,一定要注意顺序,不同的顺序,会有不同的结果。 


转自:http://blog.csdn.net/lonelyroamer/article/details/7613376

Android Matrix利用invert实现逆向坐标映射

andriod一般对图片进行缩放,旋转,移动时会利用到Matrix来做,但如果想知道经过矩阵运算后的图片上某个坐标对应没有matrix运算前的坐标是不是觉得很棘手。       首先先看一下matri...
  • dj0379
  • dj0379
  • 2015年11月25日 19:02
  • 1455

Android Matrix 最全方法详解与进阶

Matrix类全解析,最全方法详解
  • gb702250823
  • gb702250823
  • 2016年12月08日 22:50
  • 575

dlib 矩阵操作

dlib 矩阵操作
  • chengde6896383
  • chengde6896383
  • 2017年08月07日 19:16
  • 348

Android Matrix的用法总结

简介Matrix ,中文里叫矩阵,高等数学里有介绍。Android中的Matrix类是一个3x3的位置坐标矩阵,在图像处理方面,主要是用于平面的缩放、平移、旋转等操作。Matrix的数学原理首先了解下...
  • jdsjlzx
  • jdsjlzx
  • 2016年10月05日 23:45
  • 3138

Android matrix偏移(平移),旋转,缩放,倾斜的原理

尊重原创,原文出处:http://blog.csdn.net/pathuang68/article/details/6991867 第一部分 Matrix的数学原理 在Android中,如果你用M...
  • hnulwt
  • hnulwt
  • 2015年01月16日 23:09
  • 2146

Android中图片由Matrix变化后坐标的改变

Android中图片由Matrix变化后坐标的改变最近在进行图片处理学习,在网上找了相关的代码,实现了支持图片的放大、缩小、拖动的功能,但想要实现类似地图的,点击定位按钮,图片自动移动到定位点的功能,...
  • purecaptain
  • purecaptain
  • 2015年04月15日 11:11
  • 650

Android 的坐标系及矩阵变换

Android 的坐标系及矩阵变换Android的坐标系2D坐标系android的2d坐标系如图所示,水平向右为X轴正方向,竖直向下为Y轴正方向,原点为屏幕左上角。 注意:以屏幕左上角为原点的坐标...
  • ws_lm
  • ws_lm
  • 2017年04月10日 10:11
  • 555

关于android中matrix变换

转自:http://www.cnblogs.com/qiengo/archive/2012/06/30/2570874.html Android Matrix ...
  • shan987
  • shan987
  • 2016年06月20日 14:34
  • 537

彻底弄懂matrix和canvas

Canvas接下来的部分参考android官方文档新建Canvas我们的图,几乎所有的draw….方法,最终都是和Canvas联系在一起。 如果需要创建Canvas,必须传入一个bitmap,作为画...
  • oubin66
  • oubin66
  • 2016年08月27日 21:01
  • 1364

安卓自定义View进阶-Matrix详解

这应该是目前最详细的一篇讲解Matrix的中文文章了,在上一篇文章Matrix原理中,我们对Matrix做了一个简单的了解,偏向理论,在本文中则会详细的讲解Matrix的具体用法,以及与Matrix相...
  • u013831257
  • u013831257
  • 2016年08月30日 18:27
  • 2814
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中的矩阵转换 (Matrix转换)
举报原因:
原因补充:

(最多只允许输入30个字)