详解Android图片（背景）圆角，并实现半部分圆角

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

方耀宇 - 个人技术博客

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

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



/** 
 * 图片圆角规则 eg. TOP：上半部分 
 */  
public enum HalfType {  
    LEFT, // 左上角 + 左下角  
    RIGHT, // 右上角 + 右下角  
    TOP, // 左上角 + 右上角  
    BOTTOM, // 左下角 + 右下角  
    ALL // 四角  
}

/**

* 图片圆角规则 eg. TOP：上半部分

public enum HalfType {

LEFT, // 左上角 + 左下角

RIGHT, // 右上角 + 右下角

TOP, // 左上角 + 右上角

BOTTOM, // 左下角 + 右下角

ALL // 四角

}

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



/** 
 * 将图片的四角圆弧化 
 * 
 * @param bitmap      原图 
 * @param roundPixels 弧度 
 * @param half        （上/下/左/右）半部分圆角 
 * @return 
 */  
public static Bitmap getRoundCornerImage(Bitmap bitmap, int roundPixels, HalfType half) {  
    int width = bitmap.getWidth();  
    int height = bitmap.getHeight();  
  
    Bitmap roundConcerImage = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//创建一个和原始图片一样大小的位图  
    Canvas canvas = new Canvas(roundConcerImage);//创建位图画布  
    Paint paint = new Paint();//创建画笔  
  
    Rect rect = new Rect(0, 0, width, height);//创建一个和原始图片一样大小的矩形  
    RectF rectF = new RectF(rect);  
    paint.setAntiAlias(true);// 抗锯齿  
  
    canvas.drawRoundRect(rectF, roundPixels, roundPixels, paint);//画一个基于前面创建的矩形大小的圆角矩形  
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//设置相交模式  
    canvas.drawBitmap(bitmap, null, rect, paint);//把图片画到矩形去  
  
    switch (half) {  
        case LEFT:  
            return Bitmap.createBitmap(roundConcerImage, 0, 0, width - roundPixels, height);  
        case RIGHT:  
            return Bitmap.createBitmap(roundConcerImage, width - roundPixels, 0, width - roundPixels, height);  
        case TOP: // 上半部分圆角化 “- roundPixels”实际上为了保证底部没有圆角，采用截掉一部分的方式，就是截掉和弧度一样大小的长度  
            return Bitmap.createBitmap(roundConcerImage, 0, 0, width, height - roundPixels);  
        case BOTTOM:  
            return Bitmap.createBitmap(roundConcerImage, 0, height - roundPixels, width, height - roundPixels);  
        case ALL:  
            return roundConcerImage;  
        default:  
            return roundConcerImage;  
    }  
}

/**

* 将图片的四角圆弧化

* @param bitmap 原图

* @param roundPixels 弧度

* @param half （上/下/左/右）半部分圆角

* @return

public static Bitmap getRoundCornerImage(Bitmap bitmap, int roundPixels, HalfType half) {

int width = bitmap.getWidth();

int height = bitmap.getHeight();

Bitmap roundConcerImage = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//创建一个和原始图片一样大小的位图

Canvas canvas = new Canvas(roundConcerImage);//创建位图画布

Paint paint = new Paint();//创建画笔

Rect rect = new Rect(0, 0, width, height);//创建一个和原始图片一样大小的矩形

RectF rectF = new RectF(rect);

paint.setAntiAlias(true);// 抗锯齿

canvas.drawRoundRect(rectF, roundPixels, roundPixels, paint);//画一个基于前面创建的矩形大小的圆角矩形

paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//设置相交模式

canvas.drawBitmap(bitmap, null, rect, paint);//把图片画到矩形去

switch (half) {

case LEFT:

return Bitmap.createBitmap(roundConcerImage, 0, 0, width - roundPixels, height);

case RIGHT:

return Bitmap.createBitmap(roundConcerImage, width - roundPixels, 0, width - roundPixels, height);

case TOP: // 上半部分圆角化 “- roundPixels”实际上为了保证底部没有圆角，采用截掉一部分的方式，就是截掉和弧度一样大小的长度

return Bitmap.createBitmap(roundConcerImage, 0, 0, width, height - roundPixels);

case BOTTOM:

return Bitmap.createBitmap(roundConcerImage, 0, height - roundPixels, width, height - roundPixels);

case ALL:

return roundConcerImage;

default:

return roundConcerImage;

}

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



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