在Android中画圆形图片的几种办法.docxVIP

在Android中画圆形图片的几种办法 2014-09-23 14:17 Sam blog.isming.me 字号： HYPERLINK javascript:setfont(12); \t _self T |  HYPERLINK javascript:setfont(16); \t _self T 在开发中经常会有一些需求,比如显示头像，显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器 获取到的图片都是方形的。这时候就需要我们自己进行处理，将图片处理成所需要的形状。正如茴香豆的的“茴”写法大于一种，经过我的研究，画出特殊图片的方 法也不是一种，我发现了三种，且听我一一道来。 AD：  HYPERLINK /course/course_id-1189.html \t _blank 2014WOT全球软件技术峰会北京站 课程视频发布  HYPERLINK /2014shenzhen/ \t _blank 11月21日-22日 与WOT技术大会相约深圳 现在抢票  在开发中经常会有一些需求,比如显示头像，显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器 获取到的图片都是方形的。这时候就需要我们自己进行处理，将图片处理成所需要的形状。正如茴香豆的的“茴”写法大于一种，经过我的研究，画出特殊图片的方 法也不是一种，我发现了三种，且听我一一道来。 使用Xfermode 两图相交方式 通过查找资料发现android中可以设置画笔的Xfermode即相交模式，从而设置两张图相交之后的显示方式，具体模式见下图，源码可以去android apidemo。(SRC 为我们要画到目标图上的图即原图，DST为目标图) 由上图可以看到，如果我们需要画一个圆形的图，可以在画布上面先画一个跟目标大小一样的圆，然后xfermode选择SRC_IN，再讲我们的头像 或者其他图画上去就可以了。同样也可以先画我们的图，再画圆，不过xfermode要选择DST_IN。两种都可以实现我们需要的效果。示例代码如下： Paint?p?=?new?Paint();? p.setAntiAlias(true);?//去锯齿? p.setColor(Color.BLACK);? p.setStyle(Paint.Style.STROKE);? Canvas?canvas?=?new?Canvas(bitmap);?//bitmap就是我们原来的图,比如头像? p.setXfermode(new?PorterDuffXfermode(Mode.DST_IN));?//因为我们先画了图所以DST_IN? int?radius?=?bitmap.getWidth;?//假设图片是正方形的? canvas.drawCircle(radius,?radius,?radius,?p);?//r=radius,?圆心(r,r)? 以上就是简单的示例，根据以上的16种模式你其实还可以做出更多效果。另外，只要你给一张相交图，那张图形状什么样，我们的图就可以显示成什么样。 通过裁剪画布区域实现指定形状的图形 Android中Canvas提供了ClipPath, ClipRect, ClipRegion 等方法来裁剪，通过Path, Rect ,Region 的不同组合，Android几乎可以支持任意形状的裁剪区域。因此，我们几乎可以获取任意形状的区域，然后在这个区域上画图，就可以获得，我们要的图片 了，直接看示例。 int?radius?=?src.getWidth()?/?2;　//src为我们要画上去的图，跟上一个示例中的bitmap一样。? Bitmap?dest?=?Bitmap.createBitmap(src.getWidth(),?src.getHeight(),?Bitmap.Config.ARGB_8888);? Canvas?c?=?new?Canvas(dest);? Paint?paint?=?new?Paint();? paint.setColor(Color.BLACK);? paint.setAntiAlias(true);? Path?path?=?new?Path();? path.addCircle(radius,?radius,?radius,?Path.Direction.CW);? c.clipPath(path);?//裁剪区域? c.drawBitmap(src,?0,?0,?paint);//把图画上去? 使用BitmapShader 直接先看示例 int?radius?=?src.getWidth()?/?2;? B