1. 程式人生 > >【重要】Bitmap 花式耍法

【重要】Bitmap 花式耍法

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;  
    }