Android 自定義圓角圖片/頭像
之前多次做項(xiàng)目要用圓角圖片都去網(wǎng)上找現(xiàn)成的。
今天想想不行,還是得自己學(xué)會(huì),所以就自定義了一個(gè),集成自ImageView,
效果如圖:
?
代碼如下:
import?android.content.Context;
import?android.content.res.TypedArray;
import?android.graphics.Bitmap;
import?android.graphics.Canvas;
import?android.graphics.Paint;
import?android.graphics.PorterDuff;
import?android.graphics.PorterDuffXfermode;
import?android.graphics.RectF;
import?android.graphics.drawable.BitmapDrawable;
import?android.util.AttributeSet;
import?android.widget.ImageView;
import?com.eccic.quicksolve_android.R;
/**
?*?Created?by?eccic?on?17/1/3.
?*/
public?class?RoundImageView?extends?ImageView?{
????public?RoundImageView(Context?context)?{
????????this(context,?null);
????}
????private?float?cornerRadius?=?-1;
????private?Paint?paint?=?new?Paint(Paint.ANTI_ALIAS_FLAG);
????public?RoundImageView(Context?context,?AttributeSet?attrs)?{
????????super(context,?attrs);
????????TypedArray?typedArray?=?context.obtainStyledAttributes(attrs,?R.styleable.RoundImageView);
????????for?(int?i?=?0;?i?<?typedArray.getIndexCount();?i++)?{
????????????switch?(typedArray.getIndex(i))?{
????????????????case?R.styleable.RoundImageView_cornerRadius:
????????????????????cornerRadius?=?typedArray.getDimension(R.styleable.RoundImageView_cornerRadius,?cornerRadius);
????????????????????break;
????????????}
????????}
????}
????@Override
????protected?void?onDraw(Canvas?canvas)?{
????????if?(cornerRadius?<?0)?cornerRadius?=?Math.min(getWidth(),?getHeight())?*?0.5f;
????????BitmapDrawable?bitmapDrawable?=?(BitmapDrawable)?getDrawable();
????????if?(bitmapDrawable?!=?null)?{
????????????//步驟1:先生成一個(gè)bitmap,在bitmap上繪制原圖
????????????Bitmap?bitmap?=?Bitmap.createBitmap(getWidth(),getHeight(),?Bitmap.Config.ARGB_8888);
????????????Canvas?bitmapCanvas?=?new?Canvas(bitmap);
????????????bitmapDrawable.setBounds(0,?0,?getWidth(),?getHeight());
????????????bitmapDrawable.draw(bitmapCanvas);
????????????//步驟2:生成圓形圖片蒙版
????????????Bitmap?mask?=?Bitmap.createBitmap(getWidth(),?getHeight(),Bitmap.Config.ARGB_8888);
????????????Canvas?maskCanvas?=?new?Canvas(mask);
????????????maskCanvas.drawRoundRect(new?RectF(0,?0,?getWidth(),?getHeight()),?cornerRadius,?cornerRadius,?paint);
????????????//步驟3:使用DST_IN的方式在原圖的bitmap上繪制蒙版圖
????????????paint.reset();
????????????paint.setFilterBitmap(false);
????????????paint.setXfermode(new?PorterDuffXfermode(PorterDuff.Mode.DST_IN));
????????????bitmapCanvas.drawBitmap(mask,?0.0f,?0.0f,?paint);
????????????//步驟4:將最后生成的這個(gè)bitmap繪制到View的canvas上
????????????if?(bitmap?!=?null)?{
????????????????paint.setXfermode(null);
????????????????canvas.drawBitmap(bitmap,?0.0f,?0.0f,?paint);
????????????}
????????}
????}
}




