详解Android图片(背景)圆角,并实现半部分圆角

来源:互联网 发布:日语注音软件 编辑:程序博客网 时间:2024/05/16 19:04

Android UI设计中,不得不用到带圆角的图片或者背景。今天就和大家分享一下,如何实现图片或背景圆角,也可实现半部分圆角。先来看一下效果图~

  

上面两个图分别是实现上半部分圆角&下半部分直角和全部圆角,同样,也可以实现左半部分,右半部分,下半部分的圆角。好的,进入正题~

我们首先来创建一个圆角规则的枚举类型:

[java] view plain copy
  1. /** 
  2.  * 图片圆角规则 eg. TOP:上半部分 
  3.  */  
  4. public enum HalfType {  
  5.     LEFT, // 左上角 + 左下角  
  6.     RIGHT, // 右上角 + 右下角  
  7.     TOP, // 左上角 + 右上角  
  8.     BOTTOM, // 左下角 + 右下角  
  9.     ALL // 四角  
  10. }  

然后我们创建一个将Bitmap圆弧化的方法:

[java] view plain copy
  1. /** 
  2.  * 将图片的四角圆弧化 
  3.  * 
  4.  * @param bitmap      原图 
  5.  * @param roundPixels 弧度 
  6.  * @param half        (上/下/左/右)半部分圆角 
  7.  * @return 
  8.  */  
  9. public static Bitmap getRoundCornerImage(Bitmap bitmap, int roundPixels, HalfType half) {  
  10.     int width = bitmap.getWidth();  
  11.     int height = bitmap.getHeight();  
  12.   
  13.     Bitmap roundConcerImage = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//创建一个和原始图片一样大小的位图  
  14.     Canvas canvas = new Canvas(roundConcerImage);//创建位图画布  
  15.     Paint paint = new Paint();//创建画笔  
  16.   
  17.     Rect rect = new Rect(00, width, height);//创建一个和原始图片一样大小的矩形  
  18.     RectF rectF = new RectF(rect);  
  19.     paint.setAntiAlias(true);// 抗锯齿  
  20.   
  21.     canvas.drawRoundRect(rectF, roundPixels, roundPixels, paint);//画一个基于前面创建的矩形大小的圆角矩形  
  22.     paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//设置相交模式  
  23.     canvas.drawBitmap(bitmap, null, rect, paint);//把图片画到矩形去  
  24.   
  25.     switch (half) {  
  26.         case LEFT:  
  27.             return Bitmap.createBitmap(roundConcerImage, 00, width - roundPixels, height);  
  28.         case RIGHT:  
  29.             return Bitmap.createBitmap(roundConcerImage, width - roundPixels, 0, width - roundPixels, height);  
  30.         case TOP: // 上半部分圆角化 “- roundPixels”实际上为了保证底部没有圆角,采用截掉一部分的方式,就是截掉和弧度一样大小的长度  
  31.             return Bitmap.createBitmap(roundConcerImage, 00, width, height - roundPixels);  
  32.         case BOTTOM:  
  33.             return Bitmap.createBitmap(roundConcerImage, 0, height - roundPixels, width, height - roundPixels);  
  34.         case ALL:  
  35.             return roundConcerImage;  
  36.         default:  
  37.             return roundConcerImage;  
  38.     }  
  39. }  

方法写好后,在我们的页面中,需要对图片进行设置了~

[java] view plain copy
  1. Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.bg); // 先从资源中把背景图获取出来  
  2. Bitmap roundBitmap = getRoundCornerImage(bitmap, 30, HalfType.TOP); // 将图片的上半部分圆弧化。  
  3. ImageView image = (ImageView) findViewById(R.id.image);  
  4. Drawable dw = new BitmapDrawable(getResources(),roundBitmap);  
  5. image.setBackgroundDrawable(dw); // 设置背景。API>=16的話,可以直接用setBackground方法  

如果想直接设置图片圆角,那也简单

[java] view plain copy
  1. image.setImageBitmap(roundBitmap);  


大功告成~是不是很简单~~


附上源码下载链接:Android 实现图片/背景(半部分&全部)圆角 源码



http://blog.csdn.net/yyh352091626/article/details/48625129

0 0
原创粉丝点击