在需求开发中经常会遇到需要显示圆形图片的情况,比如我们经常见到的用户圆形头像。为了实现这个效果,我们需要重新定义View,通过重写onDraw方法来使得我们的View显示成圆形。要是实现这个功能主要有三种方法。
使用Xfermode 相交模式
什么是相交模式?正常的情况下,在已有的图像上绘图将会在其上面添加一层新的形状。如果新的Paint是完全不透明的,那么它将完全遮挡住下面的Paint;如果它是部分透明的,那么它将会被染上下面的颜色。而setXfermode就可以来解决这个问题,设置两张图相交之后的显示模式。canvas原有的图片可以理解为背景,就是dst;新画上去的图片可以理解为前景,就是src。下面是全部的16种相交模式的效果图。
由上图可以看到,如果我们需要画一个圆形的图,可以有几种方法,比如,可以通过先绘制原图,然后使用DstIn的方式绘制一个圆;或者可以先绘制一个圆,然后通过SrcIn的方式绘制原图。我们使用第一种方法的代码如下:
@Override
protected void onDraw(Canvas canvas) {
Drawable drawable = getDrawable();
if (drawable != null) {
//步骤1:先生成一个bitmap,在bitmap上绘制原图
bitmap = Bitmap.createBitmap(getWidth(),getHeight(), Bitmap.Config.ARGB_8888);