Android--Matrix图片变换处理

山西快乐十分走势 www.yfhdr.cn 前言

  本篇博客主要讲解一下如何处理对一个Bitmap对象进行处理,包括:缩放、旋转、位移、倾斜等。在最后将以一个简单的Demo来演示图片特效的变换。

   本篇博客的主要内容:

  1. Matrix
  2. Matrix缩放
  3. Matrix旋转
  4. Matrix位移
  5. Matrix倾斜
  6. Matrix变换注意事项
  7. Matrix完整的Demo

 

Matrix

  对于一个图片变换的处理,需要Matrix类的支持,它位于"android.graphics.Matrix"包下,是Android提供的一个矩阵工具类,它本身不能对图像或View进行变换,但它可与其他API结合来控制图形、View的变换,如Canvas。

  Matrix提供了一些方法来控制图片变换:

  • setTranslate(float dx,float dy):控制Matrix进行位移。
  • setSkew(float kx,float ky):控制Matrix进行倾斜,kx、ky为X、Y方向上的比例。
  • setSkew(float kx,float ky,float px,float py):控制Matrix以px、py为轴心进行倾斜,kx、ky为X、Y方向上的倾斜比例。
  • setRotate(float degrees):控制Matrix进行depress角度的旋转,轴心为(0,0)。
  • setRotate(float degrees,float px,float py):控制Matrix进行depress角度的旋转,轴心为(px,py)。
  • 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方向上的缩放比例。

  之前有提过,图片在内存中存放的就是一个一个的像素点,而对于图片的变换主要是处理图片的每个像素点,对每个像素点进行相应的变换,即可完成对图像的变换。上面已经列举了Matrix进行变换的常用方法,下面以几个Demo来讲解一下如何通过Matrix进行变换。 

 

Matrix缩放

  代码:

复制代码
 1     /**
 2      * 缩放图片
 3      */
 4     protected void bitmapScale(float x, float y) {
 5         // 因为要将图片放大,所以要根据放大的尺寸重新创建Bitmap
 6         Bitmap afterBitmap = Bitmap.createBitmap(
 7                 (int) (baseBitmap.getWidth() * x),
 8                 (int) (baseBitmap.getHeight() * y), baseBitmap.getConfig());
 9         Canvas canvas = new Canvas(afterBitmap);
10         // 初始化Matrix对象
11         Matrix matrix = new Matrix();
12         // 根据传入的参数设置缩放比例
13         matrix.setScale(x, y);
14         // 根据缩放比例,把图片draw到Canvas上
15         canvas.drawBitmap(baseBitmap, matrix,paint);
16         iv_after.setImageBitmap(afterBitmap);
17     }
复制代码

  效果展示:

 

Matrix旋转

  代码:

复制代码
 1     /**
 2      * 图片旋转
 3      */
 4     protected void bitmapRotate(float degrees) {
 5         // 创建一个和原图一样大小的图片
 6         Bitmap afterBitmap = Bitmap.createBitmap(baseBitmap.getWidth(),
 7                 baseBitmap.getHeight(), baseBitmap.getConfig());
 8         Canvas canvas = new Canvas(afterBitmap);
 9         Matrix matrix = new Matrix();
10         // 根据原图的中心位置旋转
11         matrix.setRotate(degrees, baseBitmap.getWidth() / 2,
12                 baseBitmap.getHeight() / 2);
13         canvas.drawBitmap(baseBitmap, matrix, paint);
14         iv_after.setImageBitmap(afterBitmap);
15     }
复制代码

  效果展示:

 

Matrix位移

  代码:

复制代码
 1     /**
 2      * 图片移动
 3      */
 4     protected void bitmapTranslate(float dx, float dy) {
 5         // 需要根据移动的距离来创建图片的拷贝图大小
 6         Bitmap afterBitmap = Bitmap.createBitmap(
 7                 (int) (baseBitmap.getWidth() + dx),
 8                 (int) (baseBitmap.getHeight() + dy), baseBitmap.getConfig());
 9         Canvas canvas = new Canvas(afterBitmap);
10         Matrix matrix = new Matrix();
11         // 设置移动的距离
12         matrix.setTranslate(dx, dy);
13         canvas.drawBitmap(baseBitmap, matrix, paint);
14         iv_after.setImageBitmap(afterBitmap);
15     }
复制代码

  效果展示:

 

Matrix倾斜

  代码:

复制代码
 1     /**
 2      * 倾斜图片
 3      */
 4     protected void bitmapSkew(float dx, float dy) {
 5         // 根据图片的倾斜比例,计算变换后图片的大小,
 6         Bitmap afterBitmap = Bitmap.createBitmap(baseBitmap.getWidth()
 7                 + (int) (baseBitmap.getWidth() * dx), baseBitmap.getHeight()
 8                 + (int) (baseBitmap.getHeight() * dy), baseBitmap.getConfig());
 9         Canvas canvas = new Canvas(afterBitmap);
10         Matrix matrix = new Matrix();
11         // 设置图片倾斜的比例
12         matrix.setSkew(dx, dy);
13         canvas.drawBitmap(baseBitmap, matrix, paint);
14         iv_after.setImageBitmap(afterBitmap);
15     }
复制代码

  效果展示:

 

Matrix变换注意事项

  上面几个小方法演示了如何使用Matrix进行变换,但是还有几点需要额外注意一下:

  • 对于一个从BitmapFactory.decodeXxx()方法加载的Bitmap对象而言,它是一个只读的,无法对其进行处理,必须使用Bitmap.createBitmap()方法重新创建一个Bitmap对象的拷贝,才可以对拷贝的Bitmap进行处理。
  • 因为图像的变换是针对每一个像素点的,所以有些变换可能发生像素点的丢失,这里需要使用Paint.setAnitiAlias(boolean)设置来消除锯齿,这样图片变换后的效果会好很多。
  • 在重新创建一个Bitmap对象的拷贝的时候,需要注意它的宽高,如果设置不妥,很可能变换后的像素点已经移动到"图片之外"去了。

 

Matrix完整的Demo

  下面给出本篇博客讲解的使用Matrix的完整Demo代码。

  布局代码:

 activity_main.xml

  实现代码:

 MainActivity.java

  

  源码下载

posted @ 2018-07-13 17:22 天天慕白 阅读(...) 评论(...) 编辑 收藏
  • 高温“烤验”,品读这些自带凉意的避暑诗词 2019-05-19
  • 2015科教频道中秋晚会《天涯共此时》 2019-05-19
  • 特朗普政府用政治“边缘政策”处理贸易问题是玩火 2019-05-17
  • 高清:探访苟坝见证历史 红军在此留下珍贵遗物 2019-05-15
  • 交通小事故,几分钟就能处理完 2019-05-15
  • 在现时代,无论中国还是西方发达国家都是社会财富公有制和私有制并存的社会,由于仍旧存在社会财富私有制,所以必然存在贫富差别,离开私有制来谈“贫”和“富”... 2019-05-15
  • 【学习时刻·经济实说②】管清友:中央经济工作会议的十大亮点 2019-05-15
  • 绿染江源,千湖归来——三江源生态保护建设取得阶段性成效 2019-05-13
  • 把握和传承好“变则通”思想(大家手笔) 2019-05-13
  • 5月份70个大中城市商品住宅销售情况:一线城市商品房价格同比持续下降 2019-05-08
  • 官方:装备管理失职 恒大俱乐部总经理等人遭处罚 2019-05-01
  • 中共一大代表中最早辞世的王尽美:3首小诗与27年人生 2019-04-29
  • 不管怎么修饰辞藻,只要放弃革命,就是苏联的结果,还用证明吗? 2019-04-27
  • 新和县:12333为参保群众提供咨询便利 2019-04-22
  • 秋冬进补“小人参” 称霸国人餐桌3000年 2019-04-22
  • 17| 896| 455| 981| 737| 939| 534| 86| 792| 52|