This changeset adds the possibiltiy to specify which corners should be rounded. (see screenshot) This is only implemented for RoundedDrawable. I will add it to RoundedImageView in a further pull request.

It should be translate along with border_width to be drawn correctly.

RoundedDrawable.java

private void setMatrix() { ... ... CENTER_CROP: ... ... mShaderMatrix.postTranslate((int) (dx + 0.5f) + mBorderWidth, (int) (dy + 0.5f) + mBorderWidth); // Translate by border_width to both x, y.

Here is code: <com.makeramen.roundedimageview.RoundedImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/card_send_cash_bg" roundedimageview:riv_corner_radius="30dp" />

It work here.

But when i use this <com.makeramen.roundedimageview.RoundedImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/card_send_cash_bg" roundedimageview:riv_corner_radius="30dp" />

It does not work.

When i inflate the RoundedImageView and setBackgroudDrawable() or setBackground() in RoundedImageView , it not work.

Does it really not support the background attribute?

I get the following error:

"styleable cannot be resolved or is not a field"

on RoundedImageViewer.java.

Ive added attrs.xml to res/values, but still no luck.

i think it can be implemented like so:

@Override public void setImageResource(final int resId) { if (mResId == resId) return; setImageDrawable(getResources().getDrawable(resId)); this.mResId = resId; }

also, you could make the setImageDrawable a little better, by using:

@Override public void setImageDrawable(final Drawable drawable) { if (mDrawable == drawable) return; mResId = 0; ...

of course, this looks more like a patch than a complete solution, since i'm not familiar with the entire code, but it seems to be working fine.

My app has contact list. ListView avatar + name. Avatars are defined with remote HTTP URIs. Avatars are loaded with Ion. Avatar has default value set. Ion requests set to placeholder and error values with default avatar. So we must get user avatar or default one.

And here is the problem: errored avatar is not always ovaled. Scrolling ListView to redraw items makes them oval.

This are errors:

| look at 10008 & 10009 | look at 10011 | | --- | --- | | | |

These are redrawen good after scroll:

| look at 10008 & 10009 | look at 10011 | | --- | --- | | | |

This is my XML:

<com.makeramen.roundedimageview.RoundedImageView
        android:id="@+id/I_avatar"
        android:layout_width="@dimen/big_avatar_width"
        android:layout_height="@dimen/big_avatar_height"
        android:adjustViewBounds="true"
        android:contentDescription="User avatar"
        android:scaleType="centerCrop"
        android:src="@drawable/default_avatar"
        app:riv_oval="true" />

This method is called from contacts adapter getView:

public static void setAvatarWithIon(final ImageView avatarView, final String avatarUri) {
    final int defaultAvatar = R.drawable.default_avatar;

    if (avatarUri != null && !avatarUri.isEmpty()) {
        Ion.with(avatarView)
                .placeholder(defaultAvatar)
                .error(defaultAvatar)
                .load(avatar)
        ;
    } else {
        avatarView.setImageResource(defaultAvatar);
    }
}

I am trying to use this View in conjunction with the image library Glide (similar to Picasso).

Scenario is using one RoundedImageView per item within a listview.

Everything works fine but when I am using a placeholder then the loaded image first gets drawn as a square but when I make the view disappear and then reappear (pulling down and then up, for example) the image is drawn correctly (that is, as a circle with a border)

ImageView imageViewContactPhoto = ViewHolder.get(view, R.id.imageView_person);
Glide.with(context)
                .load(Uri.parse(photoThumbnailURI)) //URI to image from local addressbook
                .placeholder(R.drawable.icon_emptyperson_filled) //without this line everything works fine
                .error(R.drawable.icon_emptyperson_filled)
                .into(imageViewContactPhoto);

<com.makeramen.RoundedImageView
            android:id="@+id/imageView_person"
            android:layout_width="48dp"
            android:layout_height="48dp"
            app:riv_border_width="2dp"
            app:riv_border_color="@android:color/white"
            app:riv_oval="true"/>

any idea to why this happens?

It seems like its working if I set a placeholder but also call .dontAnimate()

Glide.with(context)....placeholder(R.drawable.icon_emptyperson_filled).dontAnimate()...

I'm trying to draw people photos in circle (like in G+)

If I define RoundedImageView in xml:

<com.makeramen.RoundedImageView
        android:id="@+id/image3"
        android:layout_width="@dimen/size"
        android:layout_height="@dimen/size"
        android:src="@drawable/marcus"
        ci:border_color="@color/ring"
        ci:border_width="@dimen/width"
        ci:corner_radius="@dimen/radius"/>

With next parameters:

<color name="ring">#ff0000</color>
<dimen name="size">65dp</dimen>
<dimen name="radius">32.5dp</dimen><!-- size /2 -->
<dimen name="width">4dp</dimen>

Photo is drawn as expected (photo 3).

But if I'm trying to load image using Ion+Transformation or from RoundedDrawable

RoundedDrawable.fromDrawable(dr))
                .setBorderWidth(res.getDimensionPixelSize(R.dimen.width))
                .setCornerRadius(res.getDimensionPixelSize(R.dimen.radius))
                .setBorderColor(res.getColor(R.color.ring))
                .setOval(false)

Photo is drawn not in circle, but as rectangle with rounded corners. Also, you may notice, that width of border is also different for circle and rectangle.

Example: First is using RoundedDrawable, second is using Ion transformation and third is RoundedImageView

I tried setting bounds for drawables but that didn't help me.

I can provide whole test project.

I can solve this issue by defining bigger radius when using transformation, but it seems weird for me.

Hi Vince,

I've been playing a little bit more with the library. I've come to a strange thing,

I suppose before setting image bitmap or drawable, we should set all vars, but in your adapter (RoundedImageView demo) we can find:

((RoundedImageView) view.findViewById(R.id.imageView1)).setImageBitmap(item.mBitmap);
            ((RoundedImageView) view.findViewById(R.id.imageView1)).setScaleType(item.mScaleType);

which is very different, as we can see in the list:

view.findViewById(R.id.imageView1)).setScaleType(item.mScaleType);
((RoundedImageView) view.findViewById(R.id.imageView1)).setImageBitmap(item.mBitmap);
            ((RoundedImageView) 

I came to idea you want to use the first one, because, first you set the bitmap and after setting scale you do: invalidate();

but in the landing page you say:

iv.setScaleType(ScaleType.CENTER_CROP);
iv.setCornerRadius(10);
iv.setBorderWidth(2);
iv.setBorderColor(Color.DKGRAY);
iv.setRoundedBackground(true);
iv.setImageDrawable(drawable);
iv.setBackground(backgroundDrawable);

so you are setting vars first. Change the order of the sentences in your adapter, and see what happens in the listview, because imagens doesn't display well using the second code...

Thanks

Awesome library! Noticed one thing, when changing the view orientation the images did not resize correctly. Should be a simple fix.

http://developer.android.com/reference/android/view/View.html#onSizeChanged(int, int, int, int)

First off, thank you very much for putting this into a maven-ized library.

With the official Android documentation mentioning volley (maybe even recommending it), and the open bug for fixing setImageUri, is there any possibility to add support for Volley? Or do you have any advice on using Volley to download and manage the bitmaps for the rounded image view? Perhaps a way to delegate bitmap retrieval and view re-use to Volley's NetworkImageView?

Thanks for any help.

drawableToBitmap method in RoundedDrawable class is causing an OutOfMemoryError

the error is thrown on the createBitmap method call, which is being handled by a try catch of Exception, but does not inherit from Exception, a try catch of Throwable would solve

1. screen in vertical orientation, all images display well
2. rotate screen to horizontal, image(the right one) can not auto adjust

left one, normal ImageView with shape clip, can auto adjust layout change

<ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/main_novel"
        android:background="@drawable/shape_round_outline"
        android:outlineProvider="background" />

right one, RoundedImageView

<com.makeramen.roundedimageview.RoundedImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/center"
        app:riv_corner_radius="12dp" />

I'm experiencing extremely poor quality rendering on Moto g(7) play Android version 9.

This only occurs on this device/version, all others render normally. Here is a screenshot of ImageView side by side with RoundedImageView, I have also attached the image asset depicted in the screenshot.

        <com.makeramen.roundedimageview.RoundedImageView
            android:id="@+id/matrix_cell_avatar"
            android:layout_width="90dp"
            android:layout_height="90dp"
            android:layout_marginStart="5dp"
            android:layout_marginTop="5dp"
            android:layout_marginEnd="5dp"
            android:scaleType="fitCenter"
            app:riv_mutate_background="true"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:riv_corner_radius="5dp"/>

Any guidance would be appreciated.

RoundedImageView

ImageView

image asset