一般要做正圆形图片,只能是正方形的基础上才能实现,否则就变成椭圆了,下面说说如何使长方形的图片生成正圆形图片
废话不多说,没图没真相,先上图吧:
原图:
变成正圆后:
下面上代码:
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
|
public static bitmap makeroundcorner(bitmap bitmap) { int width = bitmap.getwidth(); int height = bitmap.getheight(); int left = 0 , top = 0 , right = width, bottom = height; float roundpx = height/ 2 ; if (width > height) { left = (width - height)/ 2 ; top = 0 ; right = left + height; bottom = height; } else if (height > width) { left = 0 ; top = (height - width)/ 2 ; right = width; bottom = top + width; roundpx = width/ 2 ; } zlog.i(tag, "ps:" + left + ", " + top + ", " + right + ", " + bottom); bitmap output = bitmap.createbitmap(width, height, bitmap.config.argb_8888); canvas canvas = new canvas(output); int color = 0xff424242 ; paint paint = new paint(); rect rect = new rect(left, top, right, bottom); rectf rectf = new rectf(rect); paint.setantialias( true ); canvas.drawargb( 0 , 0 , 0 , 0 ); paint.setcolor(color); canvas.drawroundrect(rectf, roundpx, roundpx, paint); paint.setxfermode( new porterduffxfermode(porterduff.mode.src_in)); canvas.drawbitmap(bitmap, rect, rect, paint); return output; } |
下面再解释下:
由于图片是长方形,所以图片的 宽、高 肯定会有一边要小于另一边,要生成正方形就已最小的一边为基准,再来裁切定位另一边的显示范围
至于圆角的半径则是正方形宽的一半,用过 css 的就知道,画圆很方便 border-radius设为 50% 就可以了,都是一个道理
android 的 ui 真是太繁琐了
矩形画个圆角的代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
public static bitmap makeroundcorner(bitmap bitmap, int px) { int width = bitmap.getwidth(); int height = bitmap.getheight(); bitmap output = bitmap.createbitmap(width, height, bitmap.config.argb_8888); canvas canvas = new canvas(output); int color = 0xff424242 ; paint paint = new paint(); rect rect = new rect( 0 , 0 , width, height); rectf rectf = new rectf(rect); paint.setantialias( true ); canvas.drawargb( 0 , 0 , 0 , 0 ); paint.setcolor(color); canvas.drawroundrect(rectf, px, px, paint); paint.setxfermode( new porterduffxfermode(porterduff.mode.src_in)); canvas.drawbitmap(bitmap, rect, rect, paint); return output; } |