android自定义控件ImageView实现圆形图片

2023-09-19 14:07:06 265

android开发中常常涉及到一种情况，就是将用户上传的图片以圆形样式显示，但是用户上传的图片可以有直角、圆角、正方形等多种不确定样式，这时就用到了自定义ImageView控件，在安卓客户端使接收到的图片全部以圆形样式显示

CircleImageView.java

publicclassCircleImageViewextendsImageView{
privatestaticfinalScaleTypeSCALE_TYPE=ScaleType.CENTER_CROP;
privatestaticfinalBitmap.ConfigBITMAP_CONFIG=Bitmap.Config.ARGB_8888;
privatestaticfinalintCOLORDRAWABLE_DIMENSION=2;
//圆形边框的厚度默认值。
//如果是0，则没有天蓝色渐变的边框。
privatestaticfinalintDEFAULT_BORDER_WIDTH=0;
privatestaticfinalintDEFAULT_BORDER_COLOR=Color.BLACK;
privatefinalRectFmDrawableRect=newRectF();
privatefinalRectFmBorderRect=newRectF();
privatefinalMatrixmShaderMatrix=newMatrix();
privatefinalPaintmBitmapPaint=newPaint();
privatefinalPaintmBorderPaint=newPaint();
privateintmBorderColor=DEFAULT_BORDER_COLOR;
privateintmBorderWidth=DEFAULT_BORDER_WIDTH;
privateBitmapmBitmap;
privateBitmapShadermBitmapShader;
privateintmBitmapWidth;
privateintmBitmapHeight;
privatefloatmDrawableRadius;
privatefloatmBorderRadius;
privatebooleanmReady;
privatebooleanmSetupPending;
privatefinalPaintmFlagBackgroundPaint=newPaint();
privatefinalTextPaintmFlagTextPaint=newTextPaint();
privateStringmFlagText;
privatebooleanmShowFlag=false;
privateRectmFlagTextBounds=newRect();
ShadermSweepGradient=null;
publicCircleImageView(Contextcontext){
super(context);
init();
}

publicCircleImageView(Contextcontext,AttributeSetattrs){
this(context,attrs,0);
}

publicCircleImageView(Contextcontext,AttributeSetattrs,intdefStyle){
super(context,attrs,defStyle);
init();
}

privatevoidinit(){
super.setScaleType(SCALE_TYPE);
mReady=true;
if(mSetupPending){
setup();
mSetupPending=false;
}
}

@Override
publicScaleTypegetScaleType(){
returnSCALE_TYPE;
}

@Override
publicvoidsetScaleType(ScaleTypescaleType){
if(scaleType!=SCALE_TYPE){
thrownewIllegalArgumentException(String.format(
"ScaleType%snotsupported.",scaleType));
}
}

@Override
publicvoidsetAdjustViewBounds(booleanadjustViewBounds){
if(adjustViewBounds){
thrownewIllegalArgumentException(
"adjustViewBoundsnotsupported.");
}
}

@Override
protectedvoidonDraw(Canvascanvas){
if(getDrawable()==null){
return;
}
canvas.drawCircle(getWidth()/2,getHeight()/2,mDrawableRadius,
mBitmapPaint);
if(mBorderWidth!=0){
canvas.save();
canvas.rotate(20,getWidth()/2,getHeight()/2);
canvas.drawCircle(getWidth()/2,getHeight()/2,mBorderRadius,
mBorderPaint);
canvas.restore();
}
if(mShowFlag&&mFlagText!=null){
canvas.drawArc(mBorderRect,40,100,false,mFlagBackgroundPaint);
mFlagTextPaint.getTextBounds(mFlagText,0,mFlagText.length(),
mFlagTextBounds);
canvas.drawText(mFlagText,getWidth()/2,
(float)((3+Math.cos((float)(Math.PI*5/18)))
*getHeight()/4+mFlagTextBounds.height()/3),
mFlagTextPaint);
}
}

@Override
protectedvoidonSizeChanged(intw,inth,intoldw,intoldh){
super.onSizeChanged(w,h,oldw,oldh);
setup();
}

publicintgetBorderColor(){
returnmBorderColor;
}

publicvoidsetBorderColor(intborderColor){
if(borderColor==mBorderColor){
return;
}

mBorderColor=borderColor;
mBorderPaint.setColor(mBorderColor);
invalidate();
}

publicintgetBorderWidth(){
returnmBorderWidth;
}

/**
*@paramborderWidth
*圆形的边框厚度。
*/
publicvoidsetBorderWidth(intborderWidth){
if(borderWidth==mBorderWidth){
return;
}

mBorderWidth=borderWidth;
setup();
}

@Override
publicvoidsetImageBitmap(Bitmapbm){
super.setImageBitmap(bm);
mBitmap=bm;
setup();
}

@Override
publicvoidsetImageDrawable(Drawabledrawable){
super.setImageDrawable(drawable);
mBitmap=getBitmapFromDrawable(drawable);
setup();
}

@Override
publicvoidsetImageResource(intresId){
super.setImageResource(resId);
mBitmap=getBitmapFromDrawable(getDrawable());
setup();
}

@Override
publicvoidsetImageURI(Uriuri){
super.setImageURI(uri);
mBitmap=getBitmapFromDrawable(getDrawable());
setup();
}

privateBitmapgetBitmapFromDrawable(Drawabledrawable){
if(drawable==null){
returnnull;
}

if(drawableinstanceofBitmapDrawable){
return((BitmapDrawable)drawable).getBitmap();
}

try{
Bitmapbitmap;
if(drawableinstanceofColorDrawable){
bitmap=Bitmap.createBitmap(COLORDRAWABLE_DIMENSION,
COLORDRAWABLE_DIMENSION,BITMAP_CONFIG);
}else{
bitmap=Bitmap.createBitmap(drawable.getIntrinsicWidth(),
drawable.getIntrinsicHeight(),BITMAP_CONFIG);
}

Canvascanvas=newCanvas(bitmap);
drawable.setBounds(0,0,canvas.getWidth(),canvas.getHeight());
drawable.draw(canvas);
returnbitmap;
}catch(OutOfMemoryErrore){
returnnull;
}
}

privatevoidsetup(){
if(!mReady){
mSetupPending=true;
return;
}

if(mBitmap==null){
return;
}

mBitmapShader=newBitmapShader(mBitmap,Shader.TileMode.CLAMP,
Shader.TileMode.CLAMP);

mBitmapPaint.setAntiAlias(true);
mBitmapPaint.setShader(mBitmapShader);

mBorderPaint.setStyle(Paint.Style.STROKE);
mBorderPaint.setAntiAlias(true);
mBorderPaint.setColor(mBorderColor);
mBorderPaint.setStrokeWidth(mBorderWidth);

mBitmapHeight=mBitmap.getHeight();
mBitmapWidth=mBitmap.getWidth();

mBorderRect.set(0,0,getWidth(),getHeight());
mBorderRadius=Math.min((mBorderRect.height()-mBorderWidth)/2,
(mBorderRect.width()-mBorderWidth)/2);

mDrawableRect.set(mBorderWidth,mBorderWidth,mBorderRect.width()
-mBorderWidth,mBorderRect.height()-mBorderWidth);
mDrawableRadius=Math.min(mDrawableRect.height()/2,
mDrawableRect.width()/2);

mFlagBackgroundPaint.setColor(Color.BLACK&0x66FFFFFF);
mFlagBackgroundPaint.setFlags(TextPaint.ANTI_ALIAS_FLAG);

mFlagTextPaint.setFlags(TextPaint.ANTI_ALIAS_FLAG);
mFlagTextPaint.setTextAlign(Align.CENTER);
mFlagTextPaint.setColor(Color.WHITE);
mFlagTextPaint
.setTextSize(getResources().getDisplayMetrics().density*18);

mSweepGradient=newSweepGradient(getWidth()/2,getHeight()/2,
newint[]{Color.rgb(255,255,255),Color.rgb(1,209,255)},
null);

mBorderPaint.setShader(mSweepGradient);

updateShaderMatrix();
invalidate();
}

privatevoidupdateShaderMatrix(){
floatscale;
floatdx=0;
floatdy=0;

mShaderMatrix.set(null);

if(mBitmapWidth*mDrawableRect.height()>mDrawableRect.width()
*mBitmapHeight){
scale=mDrawableRect.height()/(float)mBitmapHeight;
dx=(mDrawableRect.width()-mBitmapWidth*scale)*0.5f;
}else{
scale=mDrawableRect.width()/(float)mBitmapWidth;
dy=(mDrawableRect.height()-mBitmapHeight*scale)*0.5f;
}

mShaderMatrix.setScale(scale,scale);
mShaderMatrix.postTranslate((int)(dx+0.5f)+mBorderWidth,
(int)(dy+0.5f)+mBorderWidth);

mBitmapShader.setLocalMatrix(mShaderMatrix);
}

publicvoidsetShowFlag(booleanshow){
mShowFlag=show;
invalidate();
}

publicvoidsetFlagText(Stringtext){
mFlagText=text;
invalidate();
}
}

activity_main.xml




<／LinearLayout>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

android自定义控件ImageView实现圆形图片

热门推荐

随机推荐