android 如何重写imageview 让图片有圆角效果

来源:互联网 发布:淘宝没评价入口 编辑:程序博客网 时间:2024/06/06 01:29

android 自定义圆角ImageView以及锯齿的处理。

看到很多人开发过程中要使用圆角图片时,解决方法有:


1.重新绘制一张图片

2.通过布局来配置

3.通过重写View来实现


其中1,2在这里就不讲了,重点讲讲方法三的实现。

实现一:

通过截取画布一个圆形区域与图片的相交部分进行绘制。

缺点:锯齿明显,设置Paint,Canvas抗锯齿无效。


package com.open.circleimageview.widget;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.Path;

import android.graphics.Rect;

import android.graphics.Region;

import android.util.AttributeSet;

import android.view.View;


public class CircleImageViewA extends View {


public CircleImageViewA(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

}


public CircleImageViewA(Context context, AttributeSet attrs) {

super(context, attrs);

}


public CircleImageViewA(Context context) {

super(context);

}


private Bitmap bitmap;

private Rect bitmapRect=new Rect();

private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);

private Paint paint = new Paint();

    {

   paint.setStyle(Paint.Style.STROKE);

   paint.setFlags(Paint.ANTI_ALIAS_FLAG);

   paint.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了 

    }

    private Path mPath=new Path();

    

public void setImageBitmap(Bitmap bitmap)

{

this.bitmap=bitmap;

}

@Override

protected void onDraw(Canvas canvas) {


if(null==bitmap)

{

return;

}

bitmapRect.set(0, 0, getWidth(), getHeight());

        canvas.save();

        canvas.setDrawFilter(pdf);

        mPath.reset();

        canvas.clipPath(mPath); // makes the clip empty

        mPath.addCircle(getWidth()/2, getWidth()/2, getHeight()/2, Path.Direction.CCW);

        canvas.clipPath(mPath, Region.Op.REPLACE);

        canvas.drawBitmap(bitmap, null, bitmapRect, paint);

        canvas.restore();

}

}


实现二:

通过PorterDuffXfermode 方式(注意要设置硬件加速,否则部分机子无效)。

优点:锯齿基本没有。


package com.open.circleimageview.widget;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.PorterDuff;

import android.graphics.PorterDuffXfermode;

import android.graphics.Rect;

import android.graphics.RectF;

import android.util.AttributeSet;

import android.view.View;


public class CircleImageViewB extends View {


public CircleImageViewB(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

init();

}


public CircleImageViewB(Context context, AttributeSet attrs) {

super(context, attrs);

init();

}


public CircleImageViewB(Context context) {

super(context);

init();

}


private Bitmap bitmap;

private Rect bitmapRect=new Rect();

private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);

private Paint paint = new Paint();

    {

   paint.setStyle(Paint.Style.STROKE);

   paint.setFlags(Paint.ANTI_ALIAS_FLAG);

   paint.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了 

    }

    private Bitmap mDstB=null;

    private PorterDuffXfermode xfermode=new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY);

    

    

    private void init()

    {

    try {

if(android.os.Build.VERSION.SDK_INT>=11)

{

setLayerType(LAYER_TYPE_SOFTWARE, null);

}

} catch (Exception e) {

e.printStackTrace();

}

    }

public void setImageBitmap(Bitmap bitmap)

{

this.bitmap=bitmap;

}


private Bitmap makeDst(int w, int h) 

    {

        Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);

        Canvas c = new Canvas(bm);

        Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);

        p.setColor(Color.parseColor("#ffffffff"));   

        c.drawOval(new RectF(0, 0, w, h), p);

        return bm;

    }

@Override

protected void onDraw(Canvas canvas) {


if(null==bitmap)

{

return;

}

if(null==mDstB)

{

mDstB=makeDst(getWidth(), getHeight());

}


bitmapRect.set(0, 0, getWidth(), getHeight());

        canvas.save();

        canvas.setDrawFilter(pdf);

        canvas.drawBitmap(mDstB, 0, 0, paint);

        paint.setXfermode(xfermode);

        canvas.drawBitmap(bitmap, null, bitmapRect, paint);

        paint.setXfermode(null);

        canvas.restore();

}

}


0 0
原创粉丝点击