Android实现带圆环的圆形头像

2023-07-18 12:34:03 240

在最近写的一个天气APP中用到了圆形头像这样的一个样式，中间是圆形的头像（被圆形切割的图片），周围是一个带颜色的圆环。如下图所示，今天就来说一所它的实现过程。

它的实现也不是特别困难，其实就是用到了BitmapShader这个用法，然后包装成一个paint，最后画出一个圆。

1>实现一个Paint画出以圆形背景的圆。

2>以同样的圆形画出一个稍微小一点的圆，作为它的有色圆环。（此圆和上一个圆颜色不同）。

3>用BitmapShader实现一个新的圆，和第二个圆的大小圆心一致。

（BitmapShader只能在onDraw中实现，在其他外部无法实现）

具体代码如下：

1、界面代码

2、逻辑java代码：

packagecom.example.app_switchbutton;

importandroid.content.Context;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapFactory;
importandroid.graphics.BitmapShader;
importandroid.graphics.Canvas;
importandroid.graphics.Matrix;
importandroid.graphics.Paint;
importandroid.graphics.Shader;
importandroid.util.AttributeSet;
importandroid.view.View;

/**
*Createdby尽途on2017/5/12.
*/

publicclassCircleWeatherextendsView{
privateintwidthSize;
privateintheightSize;
privatePaintmpaint1,mpaint2,mpaint3;
privateBitmapmbitmap;
privateBitmapShadermbitmapshader;


publicCircleWeather(Contextcontext){
super(context);
initView();
}
publicCircleWeather(Contextcontext,AttributeSetattributeSet){
super(context,attributeSet);
initView();
}
privatevoidinitView(){
mpaint1=newPaint();
mpaint2=newPaint();
mpaint3=newPaint();
mpaint2.setStyle(Paint.Style.FILL);
mpaint3.setStyle(Paint.Style.FILL);
mpaint2.setAntiAlias(true);
mpaint3.setAntiAlias(true);
mpaint2.setColor(getResources().getColor(R.color.colorPrimary));
mpaint3.setColor(getResources().getColor(R.color.colorGray));
}

@Override
protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec){
widthSize=MeasureSpec.getSize(widthMeasureSpec);
heightSize=widthSize;
setMeasuredDimension(widthSize,heightSize);
}

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

@Override
protectedvoidonDraw(Canvascanvas){
mbitmap=BitmapFactory.decodeResource(getResources(),R.drawable.hehua);//bitmapshader只能在onDraw中实现在外部不可以
intBitmapWidthSize=mbitmap.getWidth();
intBitmapHeightSize=mbitmap.getHeight();
floatscale=(float)widthSize/Math.min(BitmapHeightSize,BitmapWidthSize);//获取最为合适的尺寸
Matrixmatrix=newMatrix();
matrix.setScale(scale,scale);
Bitmapbitmap=Bitmap.createBitmap(mbitmap,0,0,BitmapWidthSize,BitmapHeightSize,matrix,true);
mbitmapshader=newBitmapShader(bitmap,Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);
mpaint1.setShader(mbitmapshader);
canvas.drawCircle((float)widthSize*0.5f,(float)heightSize*0.5f,(float)heightSize*0.5f,mpaint2);
canvas.drawCircle((float)widthSize*0.5f,(float)heightSize*0.5f,(float)heightSize*0.47f,mpaint3);
canvas.drawCircle((float)widthSize*0.5f,(float)heightSize*0.5f,(float)heightSize*0.47f,mpaint1);
super.onDraw(canvas);
}
}

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

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android实现带圆环的圆形头像

热门推荐

随机推荐