Android开发第三方库glide和圆形控件circleimageview一起使用第一次进入无法显示问题

在使用glide加载圆形头像,圆形头像使用控件circleimageview,发现第一进入头像根本不会显示,后来使用android v4包提供的RoundedBitmapDrawableFactory完美的解决了这个问题,在使用RoundedBitmapDrawableFactory时,xml中的控件直接可以使用控件imageview.

在使用RoundedBitmapDrawableFactory时,设置RoundedBitmapDrawableFactory使其带有白色边框,以及从中间裁剪,避免原形图片圆形图片放大的问题,若是不需要带白色边框直接可以传入false,需要显示白色边框传入true.实现如下:

public class ImageUtils {
    public static void loadHeadImage(final Context context, String url, final ImageView photo, final boolean isBord) {
        Glide.with(context).load(url).asBitmap().centerCrop().into(new BitmapImageViewTarget(photo) {
            @Override
            protected void setResource(Bitmap resource) {
                if (isBord==true){
                    Drawable image = setRoundImageWithBorder(context, resource);
                    photo.setImageDrawable(image);
                }else {
                    RoundedBitmapDrawable drawable = setNoBordRoundImageWithBorder(context,resource);
                    photo.setImageDrawable(drawable);
                }
            }
        });
    }

    /**
     * 设置RoundedBitmapDrawableFactory
     * 其方法:
     * setCircular  是否是圆形
     * setAlpha 透明度
     * setAntiAlias抗锯齿
     * setDither 防抖动
     *
     * @param context
     * @param bitmap
     * @return
     */
    private static Drawable setRoundImageWithBorder(Context context, Bitmap bitmap) {
        //获取原图宽高
        int bitmapWidth = bitmap.getWidth();
        int bitmapHeight = bitmap.getHeight();
        //边框宽度 pixel设置20像素
        int borderWidthHalf = 20;
        int bitmapSquareWidth = Math.min(bitmapWidth, bitmapHeight);
        int newBitmapSquareWidth = bitmapSquareWidth + borderWidthHalf;
        Bitmap roundedBitmap = Bitmap.createBitmap(newBitmapSquareWidth, newBitmapSquareWidth, Bitmap.Config.ARGB_8888);
        //裁剪后图像, X,Y除以2进行一个中心裁剪
        Canvas canvas = new Canvas(roundedBitmap);
        int x = borderWidthHalf + bitmapSquareWidth - bitmapWidth;
        int y = borderWidthHalf + bitmapSquareWidth - bitmapHeight;
        canvas.drawBitmap(bitmap, x / 2, y / 2, null);
        //添加图片边框
        Paint paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(borderWidthHalf);
        paint.setColor(Color.WHITE);  //设置边框为白色
        canvas.drawCircle(canvas.getWidth() / 2, canvas.getWidth() / 2, newBitmapSquareWidth / 2, paint);

        RoundedBitmapDrawable roundedBitmapDrawable = RoundedBitmapDrawableFactory.create(context.getResources(), roundedBitmap);
        roundedBitmapDrawable.setGravity(Gravity.CENTER);
        roundedBitmapDrawable.setCircular(true);    //设置为原形图片
        return roundedBitmapDrawable;
    }

    /**
     * 不包含白色边框
     * @param context
     * @return
     */
    private static RoundedBitmapDrawable setNoBordRoundImageWithBorder(Context context,Bitmap bitmap){
        RoundedBitmapDrawable roundedBitmapDrawable = RoundedBitmapDrawableFactory.create(context.getResources(), bitmap);
        roundedBitmapDrawable.setCircular(true);    //设置为原形图片
        return roundedBitmapDrawable;
    }
}