承香墨影 Android--Matrix图片变换处理

浏览：1176 ℃

字体：大中小

发布时间：2013-12-11 11:03:00

来源：

前言

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

　　本篇博客的主要内容：

Matrix

Matrix缩放

Matrix旋转

Matrix位移

Matrix倾斜

Matrix变换注意事项

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对象的拷贝的时候，需要注意它的宽高，如果设置不妥，很可能变换后的像素点已经移动到"图片之外"去了。

闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柛顐ｆ磸閳ь兛鐒︾换婵嬪礋椤撶媭妲卞┑鐐存綑閸氬岣垮▎鎴濐棜闁秆勵殕閳锋垶銇勯幒鍡椾壕缂備礁顦顓犲垝婵犳艾鍐€妞ゆ挾鍠撻崢鎼佹⒑閹肩偛鍔楅柡鍛閳挳姊绘担鍛靛綊顢栭崱娑樼闁归棿绀侀悡鈥愁熆鐠虹尨鍔熼柡鍡畵閺屾盯濡烽姀鈩冪彇闂佺粯绋忛崕宕囨閹捐纾兼繛鍡樺俯閸炲綊姊洪柅鐐茶嫰婢ь噣鏌涢悢閿嬪仴妞ゃ垺妫冮、姗€鎮╅顫闁荤喐鐟ョ€氼厾绮堥崘顏嗙＜閻犲洩灏欐晶锔筋殽閻愭彃鏆ｉ柛鈺嬬節瀹曘劑顢涘顒傚濠碉紕鍋戦崐鏍箰閻愵剚鍙忛柧蹇ｅ亞椤╂煡鏌曡箛鏇炐涢柡鈧禒瀣厽闁瑰瓨绻冨婵嬫煕閹烘柨顣肩紒缁樼洴瀵爼骞嬪┑鎰磾婵°倗濮烽崑娑氭崲濮椻偓瀵偊骞樼紒妯绘闂佽法鍣﹂幏锟�/QQ 1602007闂傚倸鍊搁崐鎼佸磹閻戣姤鍊块柨鏃堟暜閸嬫挾绮☉妯诲櫧闁活厽鐟╅弻鐔告綇妤ｅ啯顎嶉梺鎼炲€栭崝鏍Φ閸曨垰鍐€妞ゆ劦婢€缁爼姊哄ú璇插箺妞ゃ劌鐗撻獮澶岀矙濞嗘儳鎮戞繝銏ｆ硾閿曪箓宕㈠ú顏呪拺闁告繂瀚弳娆撴煟濡も偓濡瑩宕曢锔解拻濞达絿鎳撻婊呯磼鐠囨彃鈧灝鐣烽幇鏉垮窛濠电姴瀚峰ú鎼佹⒑鐠団€崇€婚柍褜鍓熷銊︾鐎ｎ偆鍘藉┑鈽嗗灥濞夋洜鑺遍崸妤佺厱闊洦鎸诲﹢浼存煏閸パ冾伃妤犵偛娲、鏃堝幢濞嗘垵骞嗛梻鍌欑閹碱偊鎯屾径灞惧床婵犻潧妫涢弳锕傛煙閻戞ê鐏嶉柛顐邯楠炴牕菐椤掆偓閻忣亪鏌￠崱娆忎粶闁宠鍨块幃娆忣啅椤斿吋顔嶅┑鐘愁問閸犳骞愰幎钘夌畺鐟滄棃鐛Ο鍏煎珰闁肩⒈鍓涢弳浼存⒒娴ｅ憡鍟炴繛璇х畵瀹曞綊鏌嗗鍛紱闂佸憡娲﹂崹閬嶆偂閿濆鍙撻柛銉ｅ妽鐏忎即鎮归幇鍓佺瘈鐎殿噮鍋婂畷濂稿Ψ閿旇瀚藉┑鐐存尰閸╁啴宕戦幘瀵哥濞达絽鍟块崥妯衡槈濡粍妫冨畷顏呮媴鐟欏嫭鐝楅梻鍌欑閹测剝绗熷Δ鍛獥婵ǹ缈伴埀顒€鎳樺濠氬Ψ閿旀儳骞愰梻浣规偠閸庮噣寮插☉銏犲嚑闁哄啫鐗婇悡鍐煟閻旂ǹ顥嬮弫鍫ユ⒑閸濆嫯瀚扮紒澶庮潐娣囧﹪鎮滈挊澹┿劑鏌曟径娑㈡闁伙讣缍侀弻锝夋偄閸濄儳鐓佸┑鐘灪閿氶摶鐐翠繆閵堝懏鍣虹紒鐘冲浮濮婄粯鎷呴崨闈涙贡閹广垽骞掑Δ鈧悡鏇㈡煕椤愶絿濡囬柡瀣閺岋繝宕橀妸銉㈠亾瑜版帒绐楅柟鎵閸嬨劍銇勯弽鐢靛埌闁哄鍠栭幃妤€顫濋悙顒€顏�

>更多相关文章