码迷，mamicode.com
首页 > 移动开发 > 详细

Android 给图片加边框

时间：2017-04-17 13:23:45      阅读：276      评论：0      收藏：0      [点我收藏+]

标签：1.0   lag   定义   http   divide   config   div   article   too   

图片处理时，有时需要为图片加一些边框，下面介绍一种为图片添加简单边框的方法。

基本思路是：将边框图片裁剪成八张小图片（图片大小最好一致，不然后面处理会很麻烦），分别对应左上角，左边，左下角，下边，右下角，右边，右上角，上边，其中左右上下只需要一个有效长度，就像重写水平进度条一样，只需要一个有效的长度，然后平铺，就达到了最后想要的效果，不错，左右上下边采用的也是这样的思路。也可以将八张图片组合在一起，然后读取整张图片，用代码裁剪，下面会给出相应的代码。下面的代码主要是给出第一种方法，后一种给出代码，有兴趣的可以自己试试。注意图片不要放到drawable目录下面，因为屏幕分辨率会影响图片的大小，所以最好是放在assets目录里面。下面代码为了简便所以没有那样做。后面一篇还会讲到另一种添加边框图片的方法。

下面贴图片：

原图片：

技术分享

处理后：

技术分享

代码(res参数为上面所说的八个边框组合图片资源)：

[java] view plain copy
  1. /** 
  2.      * 图片与边框组合 
  3.      * @param bm 原图片 
  4.      * @param res 边框资源 
  5.      * @return 
  6.      */  
  7.     private Bitmap combinateFrame(Bitmap bm, int[] res)  
  8.     {  
  9.         Bitmap bmp = decodeBitmap(res[0]);  
  10.         // 边框的宽高  
  11.         final int smallW = bmp.getWidth();  
  12.         final int smallH = bmp.getHeight();  
  13.           
  14.         // 原图片的宽高  
  15.         final int bigW = bm.getWidth();  
  16.         final int bigH = bm.getHeight();  
  17.           
  18.         int wCount = (int) Math.ceil(bigW * 1.0 / smallW);  
  19.         int hCount = (int) Math.ceil(bigH  * 1.0 / smallH);  
  20.           
  21.         // 组合后图片的宽高  
  22.         int newW = (wCount + 2) * smallW;  
  23.         int newH = (hCount + 2) * smallH;  
  24.           
  25.         // 重新定义大小  
  26.         Bitmap newBitmap = Bitmap.createBitmap(newW, newH, Config.ARGB_8888);  
  27.         Canvas canvas = new Canvas(newBitmap);  
  28.         Paint p = new Paint();  
  29.         p.setColor(Color.TRANSPARENT);  
  30.         canvas.drawRect(new Rect(0, 0, newW, newH), p);  
  31.           
  32.         Rect rect = new Rect(smallW, smallH, newW - smallW, newH - smallH);  
  33.         Paint paint = new Paint();  
  34.         paint.setColor(Color.WHITE);  
  35.         canvas.drawRect(rect, paint);  
  36.           
  37.         // 绘原图  
  38.         canvas.drawBitmap(bm, (newW - bigW - 2 * smallW) / 2 + smallW, (newH - bigH - 2 * smallH) / 2 + smallH, null);  
  39.         // 绘边框  
  40.         // 绘四个角  
  41.         int startW = newW - smallW;  
  42.         int startH = newH - smallH;  
  43.         Bitmap leftTopBm = decodeBitmap(res[0]); // 左上角  
  44.         Bitmap leftBottomBm = decodeBitmap(res[2]); // 左下角  
  45.         Bitmap rightBottomBm = decodeBitmap(res[4]); // 右下角  
  46.         Bitmap rightTopBm = decodeBitmap(res[6]); // 右上角  
  47.           
  48.         canvas.drawBitmap(leftTopBm, 0, 0, null);  
  49.         canvas.drawBitmap(leftBottomBm, 0, startH, null);  
  50.         canvas.drawBitmap(rightBottomBm, startW, startH, null);  
  51.         canvas.drawBitmap(rightTopBm, startW, 0, null);  
  52.           
  53.         leftTopBm.recycle();  
  54.         leftTopBm = null;  
  55.         leftBottomBm.recycle();  
  56.         leftBottomBm = null;  
  57.         rightBottomBm.recycle();  
  58.         rightBottomBm = null;  
  59.         rightTopBm.recycle();  
  60.         rightTopBm = null;  
  61.           
  62.         // 绘左右边框  
  63.         Bitmap leftBm = decodeBitmap(res[1]);  
  64.         Bitmap rightBm = decodeBitmap(res[5]);  
  65.         for (int i = 0, length = hCount; i < length; i++)  
  66.         {  
  67.             int h = smallH * (i + 1);  
  68.             canvas.drawBitmap(leftBm, 0, h, null);  
  69.             canvas.drawBitmap(rightBm, startW, h, null);  
  70.         }  
  71.           
  72.         leftBm.recycle();  
  73.         leftBm = null;  
  74.         rightBm.recycle();  
  75.         rightBm = null;  
  76.           
  77.         // 绘上下边框  
  78.         Bitmap bottomBm = decodeBitmap(res[3]);  
  79.         Bitmap topBm = decodeBitmap(res[7]);  
  80.         for (int i = 0, length = wCount; i < length; i++)  
  81.         {  
  82.             int w = smallW * (i + 1);  
  83.             canvas.drawBitmap(bottomBm, w, startH, null);  
  84.             canvas.drawBitmap(topBm, w, 0, null);  
  85.         }  
  86.           
  87.         bottomBm.recycle();  
  88.         bottomBm = null;  
  89.         topBm.recycle();  
  90.         topBm = null;  
  91.           
  92.         canvas.save(Canvas.ALL_SAVE_FLAG);  
  93.         canvas.restore();  
  94.           
  95.         return newBitmap;  
  96.     }  


如果边框是在一张图片里面，下面给出从一张图片取中间200X200的区域。如何类似边框过多，可以将裁剪的信息写入到指定的文件，裁剪时可先将边框图片信息读取出来，然后再裁剪出边框。如果处理的原图片太大，可能会出内存溢出。可先将图片缩小到一定尺寸再处理，具体缩小方法，参见android图像处理系列之二－－图片旋转、缩放、反转的图片缩放。如果边框是在一张图片里面，下面给出从一张图片取中间200X200的区域。如何类似边框过多，可以将裁剪的信息写入到指定的文件，裁剪时可先将边框图片信息读取出来，然后再裁剪出边框。如果处理的原图片太大，可能会出内存溢出。可先将图片缩小到一定尺寸再处理，具体缩小方法，参见android图像处理系列之二－－图片旋转、缩放、反转的图片缩放。如果边框是在一张图片里面，下面给出从一张图片取中间200X200的区域。如何类似边框过多，可以将裁剪的信息写入到指定的文件，裁剪时可先将边框图片信息读取出来，然后再裁剪出边框。如果处理的原图片太大，可能会出内存溢出。可先将图片缩小到一定尺寸再处理，具体缩小方法，参见android图像处理系列之二－－图片旋转、缩放、反转的图片缩放。

[java] view plain copy
  1. /** 
  2.  * 截取图片的中间的200X200的区域 
  3.  * @param bm 
  4.  * @return 
  5.  */  
  6. private Bitmap cropCenter(Bitmap bm)  
  7. {  
  8.     int dstWidth = 200;  
  9.        int dstHeight = 200;  
  10.        int startWidth = (bm.getWidth() - dstWidth)/2;  
  11.        int startHeight = ((bm.getHeight() - dstHeight) / 2);  
  12.        Rect src = new Rect(startWidth, startHeight, startWidth + dstWidth, startHeight + dstHeight);  
  13.        return dividePart(bm, src);  
  14. }  
  15.   
  16. /** 
  17.  * 剪切图片 
  18.  * @param bmp 被剪切的图片 
  19.  * @param src 剪切的位置 
  20.  * @return 剪切后的图片 
  21.  */  
  22. private Bitmap dividePart(Bitmap bmp, Rect src)  
  23. {  
  24.     int width = src.width();  
  25.     int height = src.height();  
  26.     Rect des = new Rect(0, 0, width, height);  
  27.     Bitmap croppedImage = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565);  
  28.     Canvas canvas = new Canvas(croppedImage);  
  29.     canvas.drawBitmap(bmp, src, des, null);  
  30.     return croppedImage;  
  31. }  

处理后图片（原图片还是上面的图片）：

技术分享

Android 给图片加边框

标签：1.0   lag   定义   http   divide   config   div   article   too   

原文地址：http://www.cnblogs.com/Free-Thinker/p/6722064.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！