1. 程式人生 > >android影象處理系列之四--給圖片新增邊框(上)

android影象處理系列之四--給圖片新增邊框(上)

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!

               

圖片處理時,有時需要為圖片加一些邊框,下面介紹一種為圖片新增簡單邊框的方法。

基本思路是:將邊框圖片裁剪成八張小圖片(圖片大小最好一致,不然後面處理會很麻煩),分別對應左上角,左邊,左下角,下邊,右下角,右邊,右上角,上邊,其中左右上下只需要一個有效長度,就像重寫水平進度條一樣,只需要一個有效的長度,然後平鋪,就達到了最後想要的效果,不錯,左右上下邊採用的也是這樣的思路。也可以將八張圖片組合在一起,然後讀取整張圖片,用程式碼裁剪,下面會給出相應的程式碼。下面的程式碼主要是給出第一種方法,後一種給出程式碼,有興趣的可以自己試試。注意圖片不要放到drawable目錄下面,因為螢幕解析度會影響圖片的大小,所以最好是放在assets目錄裡面。下面程式碼為了簡便所以沒有那樣做。後面一篇還會講到另一種新增邊框圖片的方法。

下面貼圖片:

原圖片:


處理後:


程式碼(res引數為上面所說的八個邊框組合圖片資源):

 

/**  * 圖片與邊框組合  * @param bm 原圖片  * @param res 邊框資源  * @return  */ private Bitmap combinateFrame(Bitmap bm, int[] res) {  Bitmap bmp = decodeBitmap(res[0]);  // 邊框的寬高  final
int smallW = bmp.getWidth();  final int smallH = bmp.getHeight();    // 原圖片的寬高  final int bigW = bm.getWidth();  final int bigH = bm.getHeight();    int wCount = (int) Math.ceil(bigW * 1.0 / smallW);  int hCount = (int) Math.ceil(bigH  * 1.0
/ smallH);    // 組合後圖片的寬高  int newW = (wCount + 2) * smallW;  int newH = (hCount + 2) * smallH;    // 重新定義大小  Bitmap newBitmap = Bitmap.createBitmap(newW, newH, Config.ARGB_8888);  Canvas canvas = new Canvas(newBitmap);  Paint p = new Paint();  p.setColor(Color.TRANSPARENT);  canvas.drawRect(new Rect(0, 0, newW, newH), p);    Rect rect = new Rect(smallW, smallH, newW - smallW, newH - smallH);  Paint paint = new Paint();  paint.setColor(Color.WHITE);  canvas.drawRect(rect, paint);    // 繪原圖  canvas.drawBitmap(bm, (newW - bigW - 2 * smallW) / 2 + smallW, (newH - bigH - 2 * smallH) / 2 + smallH, null);  // 繪邊框  // 繪四個角  int startW = newW - smallW;  int startH = newH - smallH;  Bitmap leftTopBm = decodeBitmap(res[0]); // 左上角  Bitmap leftBottomBm = decodeBitmap(res[2]); // 左下角  Bitmap rightBottomBm = decodeBitmap(res[4]); // 右下角  Bitmap rightTopBm = decodeBitmap(res[6]); // 右上角    canvas.drawBitmap(leftTopBm, 0, 0, null);  canvas.drawBitmap(leftBottomBm, 0, startH, null);  canvas.drawBitmap(rightBottomBm, startW, startH, null);  canvas.drawBitmap(rightTopBm, startW, 0, null);    leftTopBm.recycle();  leftTopBm = null;  leftBottomBm.recycle();  leftBottomBm = null;  rightBottomBm.recycle();  rightBottomBm = null;  rightTopBm.recycle();  rightTopBm = null;    // 繪左右邊框  Bitmap leftBm = decodeBitmap(res[1]);  Bitmap rightBm = decodeBitmap(res[5]);  for (int i = 0, length = hCount; i < length; i++)  {   int h = smallH * (i + 1);   canvas.drawBitmap(leftBm, 0, h, null);   canvas.drawBitmap(rightBm, startW, h, null);  }    leftBm.recycle();  leftBm = null;  rightBm.recycle();  rightBm = null;    // 繪上下邊框  Bitmap bottomBm = decodeBitmap(res[3]);  Bitmap topBm = decodeBitmap(res[7]);  for (int i = 0, length = wCount; i < length; i++)  {   int w = smallW * (i + 1);   canvas.drawBitmap(bottomBm, w, startH, null);   canvas.drawBitmap(topBm, w, 0, null);  }    bottomBm.recycle();  bottomBm = null;  topBm.recycle();  topBm = null;    canvas.save(Canvas.ALL_SAVE_FLAG);  canvas.restore();    return newBitmap; }


如果邊框是在一張圖片裡面,下面給出從一張圖片取中間200X200的區域。如何類似邊框過多,可以將裁剪的資訊寫入到指定的檔案,裁剪時可先將邊框圖片資訊讀取出來,然後再裁剪出邊框。如果處理的原圖片太大,可能會出記憶體溢位。可先將圖片縮小到一定尺寸再處理,具體縮小方法,參見android影象處理系列之二--圖片旋轉、縮放、反轉的圖片縮放。

 /**  * 擷取圖片的中間的200X200的區域  * @param bm  * @return  */ private Bitmap cropCenter(Bitmap bm) {  int dstWidth = 200;        int dstHeight = 200;        int startWidth = (bm.getWidth() - dstWidth)/2;        int startHeight = ((bm.getHeight() - dstHeight) / 2);        Rect src = new Rect(startWidth, startHeight, startWidth + dstWidth, startHeight + dstHeight);        return dividePart(bm, src); }  /**  * 剪下圖片  * @param bmp 被剪下的圖片  * @param src 剪下的位置  * @return 剪下後的圖片  */ private Bitmap dividePart(Bitmap bmp, Rect src) {  int width = src.width();  int height = src.height();  Rect des = new Rect(0, 0, width, height);  Bitmap croppedImage = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);  Canvas canvas = new Canvas(croppedImage);  canvas.drawBitmap(bmp, src, des, null);  return croppedImage; }


處理後圖片(原圖片還是上面的圖片):


 

           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述