Image not display Properly in ImageView

Question

I have created an android application, in that I want to display Image in Image-View in round shape.

But image doesn't display properly in Image-View.

My code is-

int rounded_value = 168;
DisplayImageOptions options = new DisplayImageOptions.Builder().cacheInMemory(true).cacheOnDisc(true).displayer(new RoundedBitmapDisplayer(rounded_value)).build();
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(context).defaultDisplayImageOptions(options).build(); 
ImageLoader.getInstance().init(config);
ImageLoader.getInstance().displayImage(photourl, imageView, options);

For example-

Original Image is- It's size is 168*168

168*168

and I get output like-ImageView size is 85*85

85*85

I wants output like-

85*85

try this Custom ImageeView https://github.com/vinc3m1/RoundedImageView — Biraj Zalavadia, Apr 18 '14 at 12:26
@AnjaliPandya No need to use it. see my answer http://stackoverflow.com/questions/18378741/how-to-make-an-imageview-in-circular-shape/18378873#18378873 — Piyush, Apr 18 '14 at 12:48

score 0 · Answer 1 · answered Apr 18 '14 at 13:13

Try this , its working for me

public static Bitmap getCroppedBitmap(Bitmap bmp, int radius)
{
    Bitmap sbmp;
    if (bmp.getWidth() != radius || bmp.getHeight() != radius)
        sbmp = Bitmap.createScaledBitmap(bmp, radius, radius, false);
    else
        sbmp = bmp;
    Bitmap output = Bitmap.createBitmap(sbmp.getWidth(), sbmp.getHeight(), Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

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

    paint.setAntiAlias(true);
    paint.setFilterBitmap(true);
    paint.setDither(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(Color.parseColor("#BAB399"));
    canvas.drawCircle(sbmp.getWidth() / 2 + 0.7f, sbmp.getHeight() / 2 + 0.7f, sbmp.getWidth() / 2 + 0.1f, paint);
    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
    canvas.drawBitmap(sbmp, rect, rect, paint);

    return output;
}

Ammar · Answer 2 · 2014-04-18T13:36:17.187

User masked image view: http://goo.gl/w2LrM0

Provide mask, in image view xml declaration, as a drawable xml with shape oval.

No need to apply image cropping to round shape.

Image view widget in layout:

<com.android.BezelImageView
// required properties, to getexact circle height should be equat to width
 app:maskDrawable="@drawable/round_mask" />

round_mask.xml :

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
           <solid android:color="#000000" />
        </shape>
    </item>
</layer-list>

score 0 · Answer 3 · edited Jun 12 '14 at 09:40

This function returns a rounded cropped bitmap

public Bitmap getCroppedBitmap(Bitmap bitmap) {
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
                bitmap.getHeight(), 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());

        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        // canvas.drawRoundRect(rectF, roundPx, roundPx, paint);
        canvas.drawCircle(bitmap.getWidth() / 2, bitmap.getHeight() / 2,
                bitmap.getWidth() / 2, paint);
        paint.setXfermode(`n`ew PorterDuffXfermode(Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);
        // Bitmap _bmp = Bitmap.createScaledBitmap(output, 60, 60, false);
        // return _bmp;
        return output;
}

Image not display Properly in ImageView

3 Answers3