自定义CircleImageView实现圆角矩形头像

importandroid.content.Context;

importandroid.content.res.TypedArray;

importandroid.graphics.Bitmap;

importandroid.graphics.Canvas;

importandroid.graphics.Matrix;

importandroid.graphics.Paint;

importandroid.graphics.PorterDuff;

importandroid.graphics.PorterDuffXfermode;

importandroid.graphics.RectF;

importandroid.graphics.SweepGradient;

importandroid.graphics.drawable.BitmapDrawable;

importandroid.graphics.drawable.Drawable;

importandroid.support.v7.widget.AppCompatImageView;

importandroid.util.AttributeSet;

importniuniu.com.mylibrary.R;

/**

* Created by LiangMinHua 2019/09/13

*/

publicclassCircleImageViewextendsAppCompatImageView{

privateintmWidth;

privateintmHeight;

privateintmRadius;

privateintmShapeType;

privateintmBorderWidth;

privateintmBorderColor;

privateint[]mColors;//渐变色边框数组

publicvoidsetColors(int[]colors){

//把传入来的色组转变为一组对称色组,解决渐变过渡问题

if(colors!=null){

this.mColors=newint[colors.length*2];

for(inti=0;i<colors.length;i++){

mColors[i]=colors[i];

}

for(inti=colors.length;i<colors.length*2;i++){

mColors[i]=colors[colors.length*2-i-1];

}

invalidate();

}

}

publicintgetBorderWidth(){

returnmBorderWidth;

}

publicvoidsetBorderWidth(intborderWidth){

this.mBorderWidth=borderWidth;

invalidate();

}

publicCircleImageView(Contextcontext){

super(context);

init(context,null);

}

publicCircleImageView(Contextcontext,AttributeSetattrs){

super(context,attrs);

init(context,attrs);

}

publicCircleImageView(Contextcontext,AttributeSetattrs,intdefStyleAttr){

super(context,attrs,defStyleAttr);

init(context,attrs);

}

privatevoidinit(Contextcontext,AttributeSetattrs){

//初始化默认值

mRadius=16;

mShapeType=1;

mBorderWidth=0;

mBorderColor=getResources().getColor(R.color.red);

// 获取控件的属性值

if(attrs!=null){

TypedArrayarray=context.obtainStyledAttributes(attrs,R.styleable.CircleImageView);

mRadius=array.getDimensionPixelSize(R.styleable.CircleImageView_radius,mRadius);

mShapeType=array.getInteger(R.styleable.CircleImageView_shape_type,mShapeType);

mBorderWidth=array.getDimensionPixelOffset(R.styleable.CircleImageView_border_width,mBorderWidth);

mBorderColor=array.getColor(R.styleable.CircleImageView_border_color,mBorderColor);

array.recycle();

}

setClickable(true);

setDrawingCacheEnabled(true);

setWillNotDraw(false);

}

@Override

protectedvoidonDraw(Canvascanvas){

//        super.onDraw(canvas);

// 获取当前控件的 drawable

Drawabledrawable=getDrawable();

if(drawable==null){

return;

}

// 这里 get 回来的宽度和高度是当前控件相对应的宽度和高度(在 xml 设置)

if(getWidth()==0||getHeight()==0){

return;

}

// 获取 bitmap,即传入 imageview 的 bitmap

Bitmapbitmap=((BitmapDrawable)drawable).getBitmap();

drawDrawable(canvas,bitmap);

if(mColors!=null){

drawMultiColorsBorder(canvas);

}else{

drawBorder(canvas);

}

}

privatevoiddrawDrawable(Canvascanvas,Bitmapbitmap){

// 画笔

Paintpaint=newPaint();

// 颜色设置

paint.setColor(0xffffffff);

// 抗锯齿

paint.setAntiAlias(true);

//Paint 的 Xfermode,PorterDuff.Mode.SRC_IN 取两层图像的交集部门, 只显示上层图像。

PorterDuffXfermodexfermode=newPorterDuffXfermode(PorterDuff.Mode.SRC_IN);

// 标志

intsaveFlags=Canvas.MATRIX_SAVE_FLAG

|Canvas.CLIP_SAVE_FLAG

|Canvas.HAS_ALPHA_LAYER_SAVE_FLAG

|Canvas.FULL_COLOR_LAYER_SAVE_FLAG

|Canvas.CLIP_TO_LAYER_SAVE_FLAG;

canvas.saveLayer(0,0,mWidth,mHeight,null,saveFlags);

if(mShapeType==0){

// 画遮罩,画出来就是一个和空间大小相匹配的圆

canvas.drawCircle(mWidth/2,mHeight/2,mWidth/2,paint);

}else{

// 当ShapeType = 1 时 图片为圆角矩形

RectFrectf=newRectF(0,0,getWidth(),getHeight());

canvas.drawRoundRect(rectf,mRadius,mRadius,paint);

}

paint.setXfermode(xfermode);

// 空间的大小 / bitmap 的大小 = bitmap 缩放的倍数

floatscaleWidth=((float)getWidth())/bitmap.getWidth();

floatscaleHeight=((float)getHeight())/bitmap.getHeight();

Matrixmatrix=newMatrix();

matrix.postScale(scaleWidth,scaleHeight);

//bitmap 缩放

bitmap=Bitmap.createBitmap(bitmap,0,0,bitmap.getWidth(),bitmap.getHeight(),matrix,true);

//draw 上去

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

canvas.restore();

}

privatevoiddrawBorder(Canvascanvas){

if(mBorderWidth>0){

Paintpaint=newPaint();

paint.setStrokeWidth(mBorderWidth);

paint.setStyle(Paint.Style.STROKE);

paint.setColor(mBorderColor);

paint.setAntiAlias(true);

if(mShapeType==0){

canvas.drawCircle(mWidth/2,mHeight/2,mWidth/2,paint);

}else{

// 当ShapeType = 1 时 图片为圆角矩形

RectFrectf=newRectF(0,0,getWidth(),getHeight());

canvas.drawRoundRect(rectf,mRadius,mRadius,paint);

}

}

}

privatevoiddrawMultiColorsBorder(Canvascanvas){

if(mBorderWidth>0){

SweepGradientgradient=newSweepGradient(mWidth/2,mHeight/2,mColors,null);

Paintpaint=newPaint(Paint.ANTI_ALIAS_FLAG);

paint.setShader(gradient);

paint.setStrokeWidth(mBorderWidth);

paint.setStyle(Paint.Style.STROKE);

paint.setColor(mBorderColor);

paint.setAntiAlias(true);

if(mShapeType==0){

canvas.drawCircle(mWidth/2,mHeight/2,mWidth/2,paint);

}else{

// 当ShapeType = 1 时 图片为圆角矩形

RectFrectf=newRectF(0,0,getWidth(),getHeight());

canvas.drawRoundRect(rectf,mRadius,mRadius,paint);

}

}

}

@Override

protectedvoidonSizeChanged(intw,inth,intoldw,intoldh){

super.onSizeChanged(w,h,oldw,oldh);

mWidth=w;

mHeight=h;

}

}

在attrs添加

<declare-styleablename="CircleImageView">

<attrname="radius"format="dimension"/>

<attrname="border_width"format="dimension"/>

<attrname="border_color"format="color"/>

<attrname="shape_type"format="enum">

<enumname="round"value="0"/>

<enumname="rectangle"value="1"/>

</attr>

</declare-styleable>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,761评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,953评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,998评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,248评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,130评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,145评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,550评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,236评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,510评论 1 291
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,601评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,376评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,247评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,613评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,911评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,191评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,532评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,739评论 2 335

推荐阅读更多精彩内容