【重要】Bitmap 花式耍法
阿新 • • 發佈:2019-02-18
1 Matrix 變形
// Matrix matrix = new Matrix();
// 每一種變化都包括set,pre,post三種,分別為設定、矩陣先乘、矩陣後乘。
平移:matrix.setTranslate()
縮放:matrix.setScale()
旋轉:matrix.setRotate()
斜切:matrix.setSkew()
旋轉
藉助Matrix的postRotate方法旋轉一定角度
Matrix matrix = new Matrix();
// angle為旋轉的角度
matrix.postRotate(angle);
Bitmap rotatedBitmap = Bitmap.createBitmap(originBitmap,
0 ,
0,
originBitmap.getWidth(),
originBitmap.getHeight(),
matrix,
true);
寫好Matrix之後穿進去,建立對應Bitmap
縮放
Matrix matrix = new Matrix();
// scaleX,scaleY分別為為水平和垂直方向上縮放的比例
matrix.postScale(scaleX, scaleY);
Bitmap scaledBitmap = Bitmap.createBitmap(originBitmap,
0 ,
0,
originBitmap.getWidth(),
originBitmap.getHeight(),
matrix,
true);
Bitmap本身也帶了一個縮放方法,不過是把bitmap縮放到目標大小,原理也是用Matrix,我們封裝一下:
// 水平和寬度縮放到指定大小,注意,這種情況下圖片很容易變形
Bitmap scaledBitmap = Bitmap.createScaledBitmap(originBitmap,
dstWidth,
dstHeight,
true );
還有inSimpleSize壓縮
裁剪
圖片的裁剪的應用場景還是很多的:頭像剪下,照片裁剪,圓角,圓形等等。
矩形
矩陣形狀的裁剪比較簡單,直接用createBitmap方法即可:
Canvas canvas = new Canvas(originBitmap);
draw(canvas);
// 確定裁剪的位置和裁剪的大小
Bitmap clipBitmap = Bitmap.createBitmap(originBitmap,
left, top,
clipWidth, clipHeight);
圓角
對於圓角我們需要藉助Xfermode和PorterDuffXfermode,把圓角矩陣套在原Bitmap上取交集得到圓角Bitmap。
private Bitmap cicleBitmap(Bitmap bitmap){
int width = bitmap.getWidth();
int height = bitmap.getHeight();
float roundPx;
float left, top, right, bottom, dst_left, dst_top, dst_right, dst_bottom;
// 這裡就是在矩形中取一個正方形(正方形包含圓形),這裡就是要確定正方形的四個頂點,很簡單的數學知識,我不解釋了
// left ,rigjt的值是距離y軸的距離,top,right是距離x軸的距離
if (width <= height) {
roundPx = width / 2;
left = 0;
top = 0;
right = width;
bottom = width;
height = width;
dst_left = 0;
dst_top = 0;
dst_right = width;
dst_bottom = width;
} else {
roundPx = height / 2;
float clip = (width - height) / 2;
left = clip;
right = width - clip;
top = 0;
bottom = height;
width = height;
dst_left = 0;
dst_top = 0;
dst_right = height;
dst_bottom = height;
}
Bitmap output = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(output);
final int color = 0xff424242;
final Paint paint = new Paint();
final Rect src = new Rect((int) left, (int) top, (int) right, (int) bottom);
final RectF dst = new RectF( dst_left, dst_top, dst_right, dst_bottom);
paint.setAntiAlias(true);// 設定畫筆無鋸齒
// canvas.drawARGB(0, 0, 0, 0); // 填充整個Canvas
// paint.setColor(color);
// 以下有兩種方法畫圓,drawRounRect和drawCircle
// canvas.drawRoundRect(rectF, roundPx, roundPx, paint);// 畫圓角矩形,第一個引數為圖形顯示區域,第二個引數和第三個引數分別是水平圓角半徑和垂直圓角半徑。
// 前面兩個引數是圓的中心點,所以這個圓畫的位置是根據前面計算的來畫的,與下面的相呼應,形成重疊
canvas.drawCircle(roundPx, roundPx, roundPx, paint); // 在原圖上畫了一個圈(下圖)
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));// 設定兩張圖片相交時的模式,參考http://trylovecatch.iteye.com/blog/1189452
// 又加了一層,在圈上畫了一個圖(上圖)
/**
* src May be null. The subset of the bitmap to be drawn 要在原圖的那個區域畫圖
* 前面算好了,所以src的區域其實是個正方形,並且在矩形的中間,所以畫圖的地方就是中央
*dst The rectangle that the bitmap will be scaled/translated to fit into 要顯示多大的區域(有縮放效果)
*
*/
canvas.drawBitmap(bitmap, src, dst, paint); //以Mode.SRC_IN模式合併bitmap和已經draw了的Circle
return output;
}