Android UI设计中,不得不用到带圆角的图片或者背景。今天就和大家分享一下,如何实现图片或背景圆角,也可实现半部分圆角。先来看一下效果图~
上面两个图分别是实现上半部分圆角&下半部分直角和全部圆角,同样,也可以实现左半部分,右半部分,下半部分的圆角。好的,进入正题~
我们首先来创建一个圆角规则的枚举类型:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
/** * 图片圆角规则 eg. TOP:上半部分 */ public enum HalfType { LEFT, // 左上角 + 左下角 RIGHT, // 右上角 + 右下角 TOP, // 左上角 + 右上角 BOTTOM, // 左下角 + 右下角 ALL // 四角 } |
然后我们创建一个将Bitmap圆弧化的方法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
/** * 将图片的四角圆弧化 * * @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; } } |
方法写好后,在我们的页面中,需要对图片进行设置了~
1 2 3 4 5 6 7 8 |
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方法 |
如果想直接设置图片圆角,那也简单
1 2 3 4 |
image.setImageBitmap(roundBitmap); |
大功告成~是不是很简单~~