Circular bitmap with Universal Image Loader

Question

We are showing a notification with a large icon get from an URL. So, in order to load the image we are using Universal Image Loader with the following code:

mImageLoader.loadImage(imagePath, new SimpleImageLoadingListener() {
        @Override
        public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
            notificationBuilder.setLargeIcon(loadedImage);
            notificationManager.notify(notification.getId(), notificationBuilder.build());
        }
});

This code is working fine and the image is successfully shown. Our problem is that we want to show a circular large icon, so we need the bitmap to be circular. We have tried by setting:

    final DisplayImageOptions imageOptions = new DisplayImageOptions.Builder()
            .displayer(new RoundedBitmapDisplayer(1000))
            .build();

But this is not working, we've tried with RoundedBitmapDrawable, but we need a bitmap and not a bitmapdrawable. Please, how could we do in order to get a circular bitmap?

Thanks in advance.

instead of use CircleImageView https://github.com/hdodenhof/CircleImageView or https://github.com/Pkmmte/CircularImageView — Dhaval Parmar, Jan 25 '16 at 11:47
Hi, thank you for your answer. We do not want to display the circle image in an image view, we want to set it as large icon in a notification, so it has to be a bitmap — FVod, Jan 25 '16 at 12:00

Jas · Accepted Answer · 2016-01-25T12:03:43.513

Try this:

 public static Bitmap getCircularBitmap(Bitmap bitmap) {
    Bitmap output;

    if (bitmap.getWidth() > bitmap.getHeight()) {
        output = Bitmap.createBitmap(bitmap.getHeight(), bitmap.getHeight(), Config.ARGB_8888);
    } else {
        output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getWidth(), Config.ARGB_8888);
    }

    Canvas canvas = new Canvas(output);

    final int color = 0xff424242;
    final Paint paint = new Paint();
    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

    float r = 0;

    if (bitmap.getWidth() > bitmap.getHeight()) {
        r = bitmap.getHeight() / 2;
    } else {
        r = bitmap.getWidth() / 2;
    }

    paint.setAntiAlias(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(color);
    canvas.drawCircle(r, r, r, paint);
    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
    canvas.drawBitmap(bitmap, rect, rect, paint);
    return output;
}

Thank you for your answer. We have already tried it but its not working, we need a circular bitmap, and this is transforming the imageview to circular, not the bitmap — FVod, Jan 25 '16 at 12:00
Hi, Thank you very much, the code is working fine. Thank you so much! However, do you know if there's a way of doing the same but with Universal Image Loader? Do you think this is a good solution (as this is creating a new bitmap, so it could generate out of memory problems)? — FVod, Jan 25 '16 at 12:23

score 0 · Answer 2 · answered Nov 17 '17 at 08:24

0

Did you try setting the option .displayer(new CircleBitmapDisplayer()) ? For example:

DisplayImageOptions defaultOptions = new DisplayImageOptions.Builder()
 .displayer(new CircleBitmapDisplayer())
 .build();

answered Nov 17 '17 at 08:24

Marilia

1,911
1
19
28

Circular bitmap with Universal Image Loader

2 Answers2