四种实现方法效果:

91f482ae97d41691a7dee1e38902c52e.png

方法1:

1、添加依赖

implementation 'com.github.bumptech.glide:glide:4.6.1'

2、创建工具类

/**

* 加载圆形头像带白色边框

*/

public class GlideCircleWithBorder extends BitmapTransformation {

private Paint mBorderPaint;

private float mBorderWidth;

public GlideCircleWithBorder(Context context) {

super(context);

}

public GlideCircleWithBorder(Context context, int borderWidth, int borderColor) {

super(context);

mBorderWidth = Resources.getSystem().getDisplayMetrics().density * borderWidth;

mBorderPaint = new Paint();

mBorderPaint.setDither(true);

mBorderPaint.setAntiAlias(true);

mBorderPaint.setColor(borderColor);

mBorderPaint.setStyle(Paint.Style.STROKE);

mBorderPaint.setStrokeWidth(mBorderWidth);

}

protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {

return circleCrop(pool, toTransform);

}

private Bitmap circleCrop(BitmapPool pool, Bitmap source) {

if (source == null) {

return null;

}

int size = (int) (Math.min(source.getWidth(), source.getHeight()) - (mBorderWidth / 2));

int x = (source.getWidth() - size) / 2;

int y = (source.getHeight() - size) / 2;

Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);

Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);

if (result == null) {

result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);

}

//创建画笔 画布 手动描绘边框

Canvas canvas = new Canvas(result);

Paint paint = new Paint();

paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));

paint.setAntiAlias(true);

float r = size / 2f;

canvas.drawCircle(r, r, r, paint);

if (mBorderPaint != null) {

float borderRadius = r - mBorderWidth / 2;

canvas.drawCircle(r, r, borderRadius, mBorderPaint);

}

return result;

}

@Override

public void updateDiskCacheKey(MessageDigest messageDigest) {

}

}

3、glide加载图片:

String ssss ="http://h.hiphotos.baidu.com/image/pic/item/728da9773912b31b8f9045408b18367adbb4e1df.jpg";

Glide.with(this).load(ssss)

.apply(new RequestOptions().error(this.getResources().getDrawable(R.mipmap.ic_launcher))

.placeholder(R.mipmap.ic_launcher).centerCrop().diskCacheStrategy(DiskCacheStrategy.ALL)

.transform(new GlideCircleWithBorder(this, 3, Color.parseColor("#FF4081"))))

.into(imageView);

方法2:

1、添加依赖

implementation 'com.github.SheHuan:NiceImageView:1.0.5'

附:这个依赖,必须在build.gradle中的repositories标签下添加maven

allprojects {

repositories {

google()

jcenter()

maven {url'https://jitpack.io'}

}

}

2、使用在layout.xml文件中调用com.shehuan.niv.NiceImageView

附:is_circle为true是圆形。否则是正方形

方法3:

1、自定义imageview——BitmapShaderCircularView

@SuppressLint("AppCompatCustomView")

public class BitmapShaderCircularView extends ImageView {

private Paint paint;

private int radius; //圆形头像的半径

private float mScale;

private int pathWidth;//绘制轨迹线条宽度

private int shadeColor;//遮罩颜色,argb

public BitmapShaderCircularView(Context context) {

super(context);

}

public BitmapShaderCircularView(Context context, AttributeSet attrs) {

super(context, attrs);

}

public BitmapShaderCircularView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//首先在view调用测量的时候,我们根据宽高取得一个正方形

//并初始化半径

int minTarget = Math.min(getMeasuredWidth(), getMeasuredHeight());

radius = minTarget / 2;

//重新设置宽高

setMeasuredDimension(minTarget, minTarget);

}

@Override

protected void onDraw(Canvas canvas) {

paint = new Paint();

Bitmap bitmap = drawable2Bitmap(getDrawable());

if (bitmap == null){

return;

}

//构建BitmapShader对象,设置为CLAMP模式,当所画图形的尺寸小于bitmap尺寸的时候,会对bitmap进行裁剪

BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

//我们要对bitmap进行缩放处理

//radius * 2为宽高,再取bitmap的宽高中值小的进行相除,取得bitmap缩放比例

mScale = (radius * 2.0f) / Math.min(bitmap.getWidth(), bitmap.getHeight());

// Log.i("lgq","tp-----"+bitmap.getWidth()+"........"+bitmap.getHeight());

//设置矩阵,针对bitmap作缩放处理

Matrix matrix = new Matrix();

matrix.setScale(mScale, mScale);

bitmapShader.setLocalMatrix(matrix);

paint.setShader(bitmapShader);

paint.setFlags(Paint.ANTI_ALIAS_FLAG);

//这里开始画一个圆形,并对paint设置的BitmapShader中的bitmap进行裁剪处理

canvas.drawCircle(radius, radius, radius, paint);

// 得到自定义视图的高度

int viewHeight;

// 得到自定义视图的宽度

int viewWidth;

// 得到自定义视图的X轴中心点

int viewCenterX;

// 得到自定义视图的Y轴中心点

int viewCenterY;

viewHeight = getMeasuredHeight();

viewWidth = getMeasuredWidth();

viewCenterX = viewWidth / 2;

viewCenterY = viewHeight / 2;

Paint mPaint = new Paint();

mPaint.setColor(getResources().getColor(R.color.green));//14549B

mPaint.setStrokeWidth(10);

mPaint.setAntiAlias(true);

mPaint.setFlags(Paint.ANTI_ALIAS_FLAG);

mPaint.setStyle(Paint.Style.STROKE);

RectF rectF = new RectF();

rectF.left = viewCenterX - radius+5;

rectF.top = viewCenterY - radius+5;

rectF.right = viewCenterX + radius-5;

rectF.bottom = viewCenterY + radius-5;

canvas.drawArc(rectF, 0, 360, false, mPaint);//画边框

// canvas.drawPath(path, mPaint);

}

public static Bitmap drawable2Bitmap(Drawable drawable) {

if (drawable instanceof BitmapDrawable) {

BitmapDrawable bd = (BitmapDrawable) drawable;

return bd.getBitmap();

}

int w = drawable.getIntrinsicWidth();

int h = drawable.getIntrinsicHeight();

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

Canvas canvas = new Canvas(bitmap);

drawable.setBounds(0, 0, w, h);

drawable.draw(canvas);

return bitmap;

}

}

2、调用自定义imageview即可

方法4:

1、添加依赖

compile 'com.facebook.fresco:fresco:1.5.0'

2、实例化

Fresco.initialize(this);

setContentView(R.layout.activity_main);

3、开始调用

4、加载网络图片

SimpleDraweeView draweeView;

draweeView = findViewById(R.id.sdv_surface);

String imageUrl = "http://h.hiphotos.baidu.com/image/pic/item/728da9773912b31b8f9045408b18367adbb4e1df.jpg";

//加载图片

draweeView.setImageURI(imageUrl);

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐