Comment arrondir une image avec la bibliothèque Glide?

Question

Donc, quelqu'un sait comment afficher une image avec des coins arrondis avec Glide? Je charge une image avec Glide, mais je ne sais pas comment passer des paramètres arrondis à cette bibliothèque.

J'ai besoin d'afficher une image comme dans l'exemple suivant:

Answer 1

Glide V4:

    Glide.with(context)
        .load(url)
        .apply(RequestOptions.circleCropTransform())
        .into(imageView);

Glide V3:

Vous pouvez utiliser RoundedBitmapDrawable pour les images circulaires avec Glide. Aucune image personnalisée n'est requise.

 Glide.with(context).load(url).asBitmap().centerCrop().into(new BitmapImageViewTarget(imageView) {
        @Override
        protected void setResource(Bitmap resource) {
            RoundedBitmapDrawable circularBitmapDrawable =
                    RoundedBitmapDrawableFactory.create(context.getResources(), resource);
            circularBitmapDrawable.setCircular(true);
            imageView.setImageDrawable(circularBitmapDrawable);
        }
    });

Answer 2

Vérifiez ceci post, glide vs picasso ...
Edit: la publication liée n'appelle pas une différence importante dans les bibliothèques. Glide fait le recyclage automatiquement. Voir Commentaire de TWiStErRob pour plus d'informations.

Glide.with(this).load(URL).transform(new CircleTransform(context)).into(imageView);

public static class CircleTransform extends BitmapTransformation {
    public CircleTransform(Context context) {
        super(context);
    }

    @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return circleCrop(pool, toTransform);
    }

    private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;

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

        // TODO this could be acquired from the pool too
        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);
        return result;
    }

    @Override public String getId() {
        return getClass().getName();
    }
} 

Answer 3

Le moyen le plus simple (nécessite Glide 4.x.x)

Glide.with(context).load(uri).apply(RequestOptions().circleCrop()).into(imageView)

Answer 4

Essayez de cette façon

code

Glide.with(this)
    .load(R.drawable.thumbnail)
    .bitmapTransform(new CropCircleTransformation(this))
    .into(mProfile);

XML

<ImageView
  Android:id="@+id/img_profile"
  Android:layout_width="76dp"
  Android:layout_height="76dp"
  Android:background="@drawable/all_circle_white_bg"
  Android:padding="1dp"/>

all_circle_white_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
  <item>
    <shape Android:shape="oval">
      <solid Android:color="@Android:color/white"/>
  </shape>
  </item>
</selector>

• J'utilise cette bibliothèque de transformation .-> https://github.com/wasabeef/glide-transformations
• La largeur du trait de cercle est le rembourrage de ImageView

Answer 5

c’est très simple, j’ai vu la bibliothèque Glide, sa très bonne bibliothèque et sa base d’essais sur la bibliothèque de volley Google 

utiliser cette bibliothèque pour une vue d'image arrondie 

https://github.com/hdodenhof/CircleImageView

à présent 

// Pour une vue simple:

 @Override
 public void onCreate(Bundle savedInstanceState) {
  ...

  CircleImageView civProfilePic = (CircleImageView)findViewById(R.id.ivProfile);
  Glide.load("http://goo.gl/h8qOq7").into(civProfilePic);
}

// Pour une liste:

@Override
public View getView(int position, View recycled, ViewGroup container) {
final ImageView myImageView;
 if (recycled == null) {
    myImageView = (CircleImageView) inflater.inflate(R.layout.my_image_view,
            container, false);
} else {
    myImageView = (CircleImageView) recycled;
}

String url = myUrls.get(position);

Glide.load(url)
    .centerCrop()
    .placeholder(R.drawable.loading_spinner)
    .animate(R.anim.fade_in)
    .into(myImageView);

  return myImageView;
}

et en XML 

<de.hdodenhof.circleimageview.CircleImageView
   Android:id="@+id/ivProfile
   Android:layout_width="160dp"
   Android:layout_height="160dp"
   Android:layout_centerInParent="true"
   Android:src="@drawable/hugh"
   app:border_width="2dp"
   app:border_color="@color/dark" />

Answer 6

Les autres solutions ne fonctionnaient pas pour moi. J'ai trouvé qu'ils présentaient tous des inconvénients importants:

• Les solutions utilisant des transformations de plané ne fonctionnent pas avec des espaces réservés
• Les solutions utilisant des vues d'image arrondies ne fonctionnent pas avec des animations (c'est-à-dire un fondu enchaîné)
• Les solutions utilisant une méthode générique d’un parent qui coupe ses enfants (c’est-à-dire la réponse acceptée ici ) ne fonctionnent pas bien avec glide 

Il est vraiment intéressant qu’après avoir tâtonné avec cela, j’ai trouvé la page de la bibliothèque Fresco sur les angles arrondis et les cercles dans laquelle ils énumèrent fondamentalement les mêmes limitations et concluent par la déclaration suivante:

il n'y a pas vraiment de bonne solution pour arrondir les angles sur Android et il faut choisir entre les compromis susmentionnés

Incroyable qu'à l'heure actuelle, nous n'ayons toujours pas de solution réelle. J'ai une solution alternative basée sur le lien que j'ai mis ci-dessus. L'inconvénient de cette approche est qu'elle suppose que votre arrière-plan est de couleur unie (les coins ne sont pas vraiment transparents). Vous l'utiliseriez comme ceci:

<RoundedCornerLayout ...>
    <ImageView ...>
</RoundedCornerLayout>

Le Gist est ici et le code complet ici:

public class RoundedCornerLayout extends RelativeLayout {
    private Bitmap maskBitmap;
    private Paint paint;
    private float cornerRadius;

    public RoundedCornerLayout(Context context) {
        super(context);
        init(context, null, 0);
    }

    public RoundedCornerLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs, 0);
    }

    public RoundedCornerLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs, defStyle);
    }

    private void init(Context context, AttributeSet attrs, int defStyle) {
        Paint = new Paint(Paint.ANTI_ALIAS_FLAG);

        setWillNotDraw(false);
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        if (maskBitmap == null) {
            // This corner radius assumes the image width == height and you want it to be circular
            // Otherwise, customize the radius as needed
            cornerRadius = canvas.getWidth() / 2;
            maskBitmap = createMask(canvas.getWidth(), canvas.getHeight());
        }

        canvas.drawBitmap(maskBitmap, 0f, 0f, Paint);
    }

    private Bitmap createMask(int width, int height) {
        Bitmap mask = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(mask);

        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        Paint.setColor(Color.WHITE); // TODO set your background color as needed

        canvas.drawRect(0, 0, width, height, Paint);

        Paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
        canvas.drawRoundRect(new RectF(0, 0, width, height), cornerRadius, cornerRadius, Paint);

        return mask;
    }
}

Answer 7

Utilisez cette transformation, cela fonctionnera bien.

public class CircleTransform extends BitmapTransformation {
public CircleTransform(Context context) {
    super(context);
}

@Override
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
    return circleCrop(pool, toTransform);
}

private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
    if (source == null) return null;

    int borderColor = ColorUtils.setAlphaComponent(Color.WHITE, 0xFF);
    int borderRadius = 3;

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

    // TODO this could be acquired from the pool too
    Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
    if (squared != source) {
        source.recycle();
    }

    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);

    // Prepare the background
    Paint paintBg = new Paint();
    paintBg.setColor(borderColor);
    paintBg.setAntiAlias(true);

    // Draw the background circle
    canvas.drawCircle(r, r, r, paintBg);

    // Draw the image smaller than the background so a little border will be seen
    canvas.drawCircle(r, r, r - borderRadius, Paint);

    squared.recycle();

    return result;
}

@Override
public String getId() {
    return getClass().getName();
}} 

Answer 8

J'ai trouvé une solution simple et facile pour ajouter une bordure sur une image dans laquelle la couleur souhaite définir ou ajouter un dégradé sur une image.

PAS:

1. Prenez une disposition de cadre et ajoutez deux images. Vous pouvez définir la taille selon vos besoins. Pour imgPlaceHolder, vous avez besoin d'une image blanche ou couleur que vous souhaitez définir.

        <ImageView
            Android:id="@+id/imgPlaceHolder"
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:layout_gravity="center"
            Android:src="@drawable/white_bg"/>

        <ImageView
            Android:id="@+id/imgPic"
            Android:layout_width="190dp"
            Android:layout_height="190dp"
            Android:layout_gravity="center"
            Android:src="@drawable/image01"/>
    </FrameLayout>

2. Après avoir placé ce code sur un fichier XML, placez la ligne ci-dessous dans un fichier Java.

   Glide.with(this).load(R.drawable.image01).asBitmap().centerCrop().into(new BitmapImageViewTarget(imgPic) {
       @Override
       protected void setResource(Bitmap resource) {
           RoundedBitmapDrawable circularBitmapDrawable =
                   RoundedBitmapDrawableFactory.create(getResources(), resource);
           circularBitmapDrawable.setCircular(true);
           imageView.setImageDrawable(circularBitmapDrawable);
       }
   });
   
   Glide.with(this).load(R.drawable.white_bg).asBitmap().centerCrop().into(new BitmapImageViewTarget(imgPlaceHolder) {
       @Override
       protected void setResource(Bitmap resource) {
           RoundedBitmapDrawable circularBitmapDrawable =
                   RoundedBitmapDrawableFactory.create(getResources(), resource);
           circularBitmapDrawable.setCircular(true);
           imgTemp2.setImageDrawable(circularBitmapDrawable);
       }
   });
   

Cela rendra la bordure de la vue image simplement sans aucun rembourrage ni marge supplémentaire. 

NOTE: L'image blanche est obligatoire pour les bordures, sinon elle ne fonctionnera pas.

Heureux codding :)

Answer 9

Je le cherchais plus tôt et je l'ai fait de la manière la plus simple possible, j'espère que vous aimerez ceci

 //crete this method into your Utils class and call this method wherever you want to use.
    //you can set these placeHolder() and error() image static as well. I made it as comment inside this method, then no need to use [placeHolderUrl and errorImageUrl] parameters. remove it from this method.
    public static void loadImage(final Activity context, ImageView imageView, String url, int placeHolderUrl, int errorImageUrl) {
        if (context == null || context.isDestroyed()) return;

        //placeHolderUrl=R.drawable.ic_user;
        //errorImageUrl=R.drawable.ic_error;
            Glide.with(context) //passing context
                    .load(getFullUrl(url)) //passing your url to load image.
                    .placeholder(placeHolderUrl) //this would be your default image (like default profile or logo etc). it would be loaded at initial time and it will replace with your loaded image once glide successfully load image using url.
                    .error(errorImageUrl)//in case of any glide exception or not able to download then this image will be appear . if you won't mention this error() then nothing to worry placeHolder image would be remain as it is.
                    .diskCacheStrategy(DiskCacheStrategy.ALL) //using to load into cache then second time it will load fast.
                    .transform(new CircleTransform(context))//this CircleTransform class help to crop an image as circle.
                    .animate(R.anim.fade_in) // when image (url) will be loaded by glide then this face in animation help to replace url image in the place of placeHolder (default) image.
                    .fitCenter()//this method help to fit image into center of your ImageView
                    .into(imageView); //pass imageView reference to appear the image.
    } 

CircleTransform.Java

  public class CircleTransform extends BitmapTransformation {
    public CircleTransform(Context context) {
        super(context);

        if(context==null)
            return;
    }

    private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;

        int size = Math.min(source.getWidth(), source.getHeight());
        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);
        return result;
    }

    @Override
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return circleCrop(pool, toTransform);
    }

    @Override
    public String getId() {
        return getClass().getName();
    }
}

fade_in.xml pour une animation en fondu.

    <set xmlns:Android="http://schemas.Android.com/apk/res/Android">
<!--THIS ANIMATION IS USING FOR FADE IN -->

<alpha
    Android:duration="800"
    Android:fromAlpha="0.0"
    Android:interpolator="@Android:anim/decelerate_interpolator"
    Android:toAlpha="1.0" />

enfin appeler cette méthode.

Utils.loadImage(YourClassName.this,mImageView,url,R.drawable.ic_user,R.drawable.ic_error);

Answer 10

Voici un moyen plus modulaire et plus propre de réaliser un recadrage circulaire de votre bitmap dans Glide:

1. Créez une transformation personnalisée en développant BitmapTransformation, puis substituez la méthode transform comme ceci: 

Pour Glide 4.x.x

public class CircularTransformation extends BitmapTransformation {

@Override
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
    RoundedBitmapDrawable circularBitmapDrawable =
            RoundedBitmapDrawableFactory.create(null, toTransform);
    circularBitmapDrawable.setCircular(true);
    Bitmap bitmap = pool.get(outWidth, outHeight, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    circularBitmapDrawable.setBounds(0, 0, outWidth, outHeight);
    circularBitmapDrawable.draw(canvas);
    return bitmap;
    }

@Override
public void updateDiskCacheKey(MessageDigest messageDigest) {}

}

Pour Glide 3.x.x

public class CircularTransformation extends BitmapTransformation {

@Override
protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
    RoundedBitmapDrawable circularBitmapDrawable =
            RoundedBitmapDrawableFactory.create(null, toTransform);
    circularBitmapDrawable.setCircular(true);
    Bitmap bitmap = pool.get(outWidth, outHeight, Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(bitmap);
    circularBitmapDrawable.setBounds(0, 0, outWidth, outHeight);
    circularBitmapDrawable.draw(canvas);
    return bitmap;
    }

@Override
public String getId() {
    // Return some id that uniquely identifies your transformation.
    return "CircularTransformation";
    }

}

2. Ensuite, placez-le dans le constructeur Glide où vous en avez besoin:

Glide.with(yourActivity)
   .load(yourUrl)
   .asBitmap()
   .transform(new CircularTransformation())
   .into(yourView);

J'espère que cela t'aides :)

Answer 11

Avec la bibliothèque glide, vous pouvez utiliser ce code:

Glide.with(context)
    .load(imageUrl)
    .asBitmap()
    .placeholder(R.drawable.user_pic)
    .centerCrop()
    .into(new BitmapImageViewTarget(img_profPic) {
        @Override
        protected void setResource(Bitmap resource) {
            RoundedBitmapDrawable circularBitmapDrawable = RoundedBitmapDrawableFactory.create(context.getResources(), resource);

            circularBitmapDrawable.setCircular(true);
            img_profPic.setImageDrawable(circularBitmapDrawable);
        }
    });

Answer 12

Pour Glide 4.x.x

utilisation

Glide
  .with(context)
  .load(uri)
  .apply(
      RequestOptions()
        .circleCrop())
  .into(imageView)

deDOCil indique que

Images rondes: CircleImageView/CircularImageView/RoundedImageView sont connus pour avoir problèmes avec TransitionDrawable (.crossFade () avec .thumbnail () ou .placeholder ()) et des GIF animés, utilisez un BitmapTransformation _ (.circleCrop () sera disponible en v4) ou .dontAnimate () pour résoudre le problème

Answer 13

private void setContactImage(@NonNull ViewHolder holder, ClsContactDetails clsContactDetails) {
    Glide.with(context).load(clsContactDetails.getPic())
        .apply(new RequestOptions().centerCrop().circleCrop().placeholder(R.mipmap.ic_launcher)).into(holder.ivPersonImage);
}

Answer 14

Vous pouvez simplement appeler le constructeur RoundedCornersTransformation, qui a une entrée cornerType enum. Comme ça:

Glide.with(context)
            .load(bizList.get(position).getCover())
            .bitmapTransform(new RoundedCornersTransformation(context,20,0, RoundedCornersTransformation.CornerType.TOP))
            .into(holder.bizCellCoverImg);

mais vous devez d'abord ajouter Glide Transformations à votre projet.

Answer 15

Cercle crop + placeholder + crossfade

 Glide.with(context!!)
                    .load(randomImage)
                    .apply(RequestOptions.bitmapTransform(CircleCrop()).error(R.drawable.nyancat_animated))
                    .transition(DrawableTransitionOptions()
                            .crossFade())
                    .into(picture)

  

Answer 16

Glide version 4.6.1

Glide.with(context)
.load(url)
.apply(RequestOptions.bitmapTransform(new CircleCrop()))
.into(imageView);

Answer 17

Maintenant, dans Glide V4, vous pouvez directement utiliser CircleCrop ()

Glide.with(fragment)
  .load(url)
  .CircleCrop()
  .into(imageView);

Types intégrés

• CenterCrop
• FitCenter
• CircleCrop

Answer 18

implementation 'com.github.bumptech.glide:glide:4.8.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'


RequestOptions options=new RequestOptions();
        options.centerCrop().placeholder(getResources().getDrawable(R.drawable.user_placeholder));
        Glide.with(this)
                .load(preferenceSingleTon.getImage())
                .apply(options)
                .into(ProfileImage);

Answer 19

Vous devez utiliser CircularImageView Afficher ce type d'image ...

Vous utilisez Glide library qui chargeait les images ..

Créez un seul fichier de classe dans votre projet et chargez-le dans Imageview ... et vous obtiendrez le résultat souhaité ...

Essayez de suivre le code ...

XML 

 <com.yourpackage.CircularImageView
    Android:id="@+id/imageview"
    Android:layout_width="96dp"
    Android:layout_height="96dp"
    app:border="true"
    app:border_width="3dp"
    app:border_color="@color/white"
    Android:src="@drawable/image" />

CircularImageView.Java

public class CircularImageView extends ImageView {
    private int borderWidth;
    private int canvasSize;
    private Bitmap image;
    private Paint paint;
    private Paint paintBorder;

    public CircularImageView(final Context context) {
        this(context, null);
    }

    public CircularImageView(Context context, AttributeSet attrs) {
        this(context, attrs, R.attr.circularImageViewStyle);
    }

    public CircularImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);

        // init Paint
        Paint = new Paint();
        Paint.setAntiAlias(true);

        paintBorder = new Paint();
        paintBorder.setAntiAlias(true);

        // load the styled attributes and set their properties
        TypedArray attributes = context.obtainStyledAttributes(attrs, R.styleable.CircularImageView, defStyle, 0);

        if(attributes.getBoolean(R.styleable.CircularImageView_border, true)) {
            int defaultBorderSize = (int) (4 * getContext().getResources().getDisplayMetrics().density + 0.5f);
            setBorderWidth(attributes.getDimensionPixelOffset(R.styleable.CircularImageView_border_width, defaultBorderSize));
            setBorderColor(attributes.getColor(R.styleable.CircularImageView_border_color, Color.WHITE));
        }

        if(attributes.getBoolean(R.styleable.CircularImageView_shadow, false))
            addShadow();
    }

    public void setBorderWidth(int borderWidth) {
        this.borderWidth = borderWidth;
        this.requestLayout();
        this.invalidate();
    }

    public void setBorderColor(int borderColor) {
        if (paintBorder != null)
            paintBorder.setColor(borderColor);
        this.invalidate();
    }

    public void addShadow() {
        setLayerType(LAYER_TYPE_SOFTWARE, paintBorder);
        paintBorder.setShadowLayer(4.0f, 0.0f, 2.0f, Color.BLACK);
    }

    @Override
    public void onDraw(Canvas canvas) {
        // load the bitmap
        image = drawableToBitmap(getDrawable());

        // init shader
        if (image != null) {

            canvasSize = canvas.getWidth();
            if(canvas.getHeight()<canvasSize)
                canvasSize = canvas.getHeight();

            BitmapShader shader = new BitmapShader(Bitmap.createScaledBitmap(image, canvasSize, canvasSize, false), Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
            Paint.setShader(shader);

            // circleCenter is the x or y of the view's center
            // radius is the radius in pixels of the cirle to be drawn
            // Paint contains the shader that will texture the shape
            int circleCenter = (canvasSize - (borderWidth * 2)) / 2;
            canvas.drawCircle(circleCenter + borderWidth, circleCenter + borderWidth, ((canvasSize - (borderWidth * 2)) / 2) + borderWidth - 4.0f, paintBorder);
            canvas.drawCircle(circleCenter + borderWidth, circleCenter + borderWidth, ((canvasSize - (borderWidth * 2)) / 2) - 4.0f, Paint);
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = measureWidth(widthMeasureSpec);
        int height = measureHeight(heightMeasureSpec);
        setMeasuredDimension(width, height);
    }

    private int measureWidth(int measureSpec) {
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);

        if (specMode == MeasureSpec.EXACTLY) {
            // The parent has determined an exact size for the child.
            result = specSize;
        } else if (specMode == MeasureSpec.AT_MOST) {
            // The child can be as large as it wants up to the specified size.
            result = specSize;
        } else {
            // The parent has not imposed any constraint on the child.
            result = canvasSize;
        }

        return result;
    }

    private int measureHeight(int measureSpecHeight) {
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpecHeight);
        int specSize = MeasureSpec.getSize(measureSpecHeight);

        if (specMode == MeasureSpec.EXACTLY) {
            // We were told how big to be
            result = specSize;
        } else if (specMode == MeasureSpec.AT_MOST) {
            // The child can be as large as it wants up to the specified size.
            result = specSize;
        } else {
            // Measure the text (beware: ascent is a negative number)
            result = canvasSize;
        }

        return (result + 2);
    }

    public Bitmap drawableToBitmap(Drawable drawable) {
        if (drawable == null) {
            return null;
        } else if (drawable instanceof BitmapDrawable) {
            return ((BitmapDrawable) drawable).getBitmap();
        }

        Bitmap bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(),
                drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
        drawable.draw(canvas);

        return bitmap;
    }
}

Remarque :

Vous pouvez utiliser 

CircularImageView imgIcon = (CircularImageView)findViewById(R.id.imageview);

ou 

ImageView imgIcon = (ImageView)findViewById(R.id.imageview);

cela n'affectera pas vos autres bibliothèques ... vous n'avez pas besoin de changer votre code pour télécharger des images ou autre chose .... il peut simplement être défini en XML aussi ..