在Android中绘制圆角矩形图片

圆角矩形图片在苹果的产品中很流行，相比于普通的矩形，很多人都喜欢圆角矩形的图片，下面在Android中实现将普通的矩形图片绘制成圆角矩形。

       先来看一下普通矩形图片的显示，代码很简单，从resource中将图片取出来直接拿来用：

点击(此处)折叠或打开

1. public class PhotoTestActivity extends Activity {
   
2.     /** Called when the activity is first created. */
   
3.     @Override
   
4.     public void onCreate(Bundle savedInstanceState) {
   
5.         super.onCreate(savedInstanceState);
   
6.         setContentView(R.layout.main);
   
7.         ImageView image = (ImageView)findViewById(R.id.image);
   
8.         Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.test);
   
9.         image.setImageBitmap(photo);
   
10.     }
    
11. }

          显示结果如下图：

        四个角是直角的图片是不是看起来不那么舒服呢？下面将直角转换为圆角：

点击(此处)折叠或打开

1. public class PhotoTestActivity extends Activity {
   
2.     /** Called when the activity is first created. */
   
3.     @Override
   
4.     public void onCreate(Bundle savedInstanceState) {
   
5.         super.onCreate(savedInstanceState);
   
6.         setContentView(R.layout.main);
   
7.         ImageView image = (ImageView)findViewById(R.id.image);
   
8.         Bitmap photo = BitmapFactory.decodeResource(getResources(), R.drawable.test);
   
9.         image.setImageBitmap(createFramedPhoto(500,400,photo,50));
   
10.     }
    
11. 
    
12.     /**
    
13.      *
    
14.      * @param x 图像的宽度
    
15.      * @param y 图像的高度
    
16.      * @param image 源图片
    
17.      * @param outerRadiusRat 圆角的大小
    
18.      * @return 圆角图片
    
19.      */
    
20.     Bitmap createFramedPhoto(int x, int y, Bitmap image, float outerRadiusRat) {
    
21.         //根据源文件新建一个darwable对象
    
22.         Drawable imageDrawable = new BitmapDrawable(image);
    
23. 
    
24.         // 新建一个新的输出图片
    
25.         Bitmap output = Bitmap.createBitmap(x, y, Bitmap.Config.ARGB_8888);
    
26.         Canvas canvas = new Canvas(output);
    
27. 
    
28.         // 新建一个矩形
    
29.         RectF outerRect = new RectF(0, 0, x, y);
    
30. 
    
31.         // 产生一个红色的圆角矩形
    
32.         Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    
33.         paint.setColor(Color.RED);
    
34.         canvas.drawRoundRect(outerRect, outerRadiusRat, outerRadiusRat, paint);
    
35. 
    
36.         // 将源图片绘制到这个圆角矩形上
    
37.         paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    
38.         imageDrawable.setBounds(0, 0, x, y);
    
39.         canvas.saveLayer(outerRect, paint, Canvas.ALL_SAVE_FLAG);
    
40.         imageDrawable.draw(canvas);
    
41.         canvas.restore();
    
42. 
    
43.         return output;
    
44.     }
    
45. }

        方法的原理就是先创建出一个圆角矩形的图片，然后将我们原来的图片作为上面的一层覆盖在这个圆角矩形上，并且使用该圆角图片的形状。ok,看看结果吧,是不是看起来好多了?