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

移动开发 Android
在开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器 获取到的图片都是方形的。这时候就需要我们自己进行处理,将图片处理成所需要的形状。正如茴香豆的的“茴”写法大于一种,经过我的研究,画出特殊图片的方 法也不是一种,我发现了三种,且听我一一道来。

在开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器 获取到的图片都是方形的。这时候就需要我们自己进行处理,将图片处理成所需要的形状。正如茴香豆的的“茴”写法大于一种,经过我的研究,画出特殊图片的方 法也不是一种,我发现了三种,且听我一一道来。

使用Xfermode 两图相交方式

通过查找资料发现android中可以设置画笔的Xfermode即相交模式,从而设置两张图相交之后的显示方式,具体模式见下图,源码可以去android apidemo。(SRC 为我们要画到目标图上的图即原图,DST为目标图)

由上图可以看到,如果我们需要画一个圆形的图,可以在画布上面先画一个跟目标大小一样的圆,然后xfermode选择SRC_IN,再讲我们的头像 或者其他图画上去就可以了。同样也可以先画我们的图,再画圆,不过xfermode要选择DST_IN。两种都可以实现我们需要的效果。示例代码如下:

  1. Paint p = new Paint(); 
  2. p.setAntiAlias(true); //去锯齿 
  3. p.setColor(Color.BLACK); 
  4. p.setStyle(Paint.Style.STROKE); 
  5. Canvas canvas = new Canvas(bitmap); //bitmap就是我们原来的图,比如头像 
  6. p.setXfermode(new PorterDuffXfermode(Mode.DST_IN)); //因为我们先画了图所以DST_IN 
  7. int radius = bitmap.getWidth; //假设图片是正方形的 
  8. canvas.drawCircle(radius, radius, radius, p); //r=radius, 圆心(r,r) 

以上就是简单的示例,根据以上的16种模式你其实还可以做出更多效果。另外,只要你给一张相交图,那张图形状什么样,我们的图就可以显示成什么样。

通过裁剪画布区域实现指定形状的图形

Android中Canvas提供了ClipPath, ClipRect, ClipRegion 等方法来裁剪,通过Path, Rect ,Region 的不同组合,Android几乎可以支持任意形状的裁剪区域。因此,我们几乎可以获取任意形状的区域,然后在这个区域上画图,就可以获得,我们要的图片 了,直接看示例。

  1. int radius = src.getWidth() / 2; //src为我们要画上去的图,跟上一个示例中的bitmap一样。 
  2. Bitmap dest = Bitmap.createBitmap(src.getWidth(), src.getHeight(), Bitmap.Config.ARGB_8888); 
  3. Canvas c = new Canvas(dest); 
  4. Paint paint = new Paint(); 
  5. paint.setColor(Color.BLACK); 
  6. paint.setAntiAlias(true); 
  7. Path path = new Path(); 
  8. path.addCircle(radius, radius, radius, Path.Direction.CW); 
  9. c.clipPath(path); //裁剪区域 
  10. c.drawBitmap(src, 00, paint);  //把图画上去 

使用BitmapShader

直接先看示例

  1. int radius = src.getWidth() / 2
  2. BitmapShader bitmapShader = new BitmapShader(src, Shader.TileMode.REPEAT, 
  3. Shader.TileMode.REPEAT); 
  4. Bitmap dest = Bitmap.createBitmap(src.getWidth(), src.getHeight(), Bitmap.Config.ARGB_8888); 
  5. Canvas c = new Canvas(dest); 
  6. Paint paint = new Paint(); 
  7. paint.setAntiAlias(true); 
  8. paint.setShader(bitmapShader); 
  9. c.drawCircle(radius,radius, radius, paint); 

Shader就是画笔的渲染器,本质上这中方法其实是画圆,但是渲染采用了我们的图片,然后就可以获得指定的形状了。但是我觉得,这个不适合画很复 杂的图形,但是在内存消耗上,应该比***种小很多。同时呢,设置Shader.TileMode.MIRROR,还可以实现镜面效果,也是极好的。

上面就是实现的三种方法,三种方法都可以画很多的形状,当然遇到非常非常非常非常复杂的情况,我是建议使用***种,这时候可以让美工给一张末班形状图,省自己去代码绘制了。大家根据自己的需求选择。

在github上面CustomShapeImageView就是用了我们所说的***种方法绘制。RoundedImageViewCircleImageView则使用bitmapshader完成,当然可能还有一些其他的控件,也许还有其他的一些实现方法,如果你知道,可以回复告诉我^_^。

原文地址:在android中画圆形图片的几种办法

责任编辑:闫佳明 来源: blog.isming.me
相关推荐

2021-03-02 18:35:27

SVG开发空间

2011-05-30 13:15:05

PHP

2011-06-19 08:59:59

锚文本

2009-12-10 10:36:42

Visual Stud

2013-04-22 13:57:15

Android图像特效

2018-01-16 15:42:38

Windows 10SSD磁盘

2013-08-21 11:31:21

iPhone图片方法

2017-11-27 09:11:42

SSDceph应用

2024-01-09 11:56:58

Go编程语言

2022-04-06 10:34:09

Linux元数据

2024-06-03 08:26:34

Android开发监听器

2012-09-29 13:33:16

Squid图片存储存储架构

2012-06-26 10:35:40

Squid架构

2024-01-08 11:39:57

FlutterUI设计

2013-11-28 10:37:36

虚拟桌面环境

2017-02-06 13:31:19

Android样式继承关系

2024-05-28 08:23:36

Android开发文本

2009-07-28 16:07:40

.NET图片快速处理

2010-03-03 13:24:08

连接Windows远程

2011-12-30 13:16:31

点赞
收藏

51CTO技术栈公众号