Image unwanted black background

[DenisMondon]

Hi!

I have a black background when using your walter image. But when using a transparent image (ic_launcher), it works perfectly... I can't find the solution. Can you help me?

Here is the screenshot:

And here is the xml code:

            <com.mikhaellopez.circularimageview.CircularImageView
                android:layout_width="96dp"
                android:layout_height="96dp"
                android:scaleType="centerCrop"
                android:src="@drawable/walter"
                app:border="true"
                app:border_color="@android:color/white"
                app:border_width="3dp"
                app:shadow="true"
                app:shadow_color="#000000"
                app:shadow_radius="6"/>

            <com.mikhaellopez.circularimageview.CircularImageView
                android:layout_width="96dp"
                android:layout_height="96dp"
                android:scaleType="centerCrop"
                android:src="@drawable/ic_launcher"
                app:border="true"
                app:border_color="@android:color/white"
                app:border_width="3dp"
                app:shadow="true"
                app:shadow_color="#000000"
                app:shadow_radius="6"/>

[lopspower]

The problem came from the property android:scaleType="centerCrop".
Indeed, you don't need to use it, since this property is automatically manage in the library.
But thank you for your return, I'll still try to correct this point if someone uses it again.

[DenisMondon]

Oh thank you! I didn't think about that!
Have a good day! Thanks a lot.
Denis

[mohammadrafigh]

I have the same issue exactly with your sample code in readme.md and without scaleType

[lopspower]

Please download the sample project "circularimageview-example" and try to see the difference with your implementation.

[m1ga]

Same here. Gif is working fine, a jpg has a black background

[m1ga]

Tried https://github.com/vinc3m1/RoundedImageView and it worked with the same JPG file and no black background. But it doesn't feature the nice dropshadow, so your module would be a better alternative :)

[lopspower]

I actually identified the problem.
I posted a question on stackoverflow if you want to try to contribute.

[lopspower]

@m1ga Do you know if with RoundedImageView your view is centered when you integrate your view in the view parent with android:gravity="center" this way:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical">

        <CustomView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

</LinearLayout>

[m1ga]

yes it's

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="#ffffff"
    android:orientation="vertical">

[lopspower]

I had new release to fix that temporarily but you must specify the size of the view if you added to a parent view using a gravity:

compile 'com.mikhaellopez:circularimageview:3.0.2'

[priegler]

I still have the same issue as described (I am on v3.0.2). Any updates on that one? In my case I defined the size of the view as you suggested @lopspower

[priegler]

I played arround for some time now and found out that the black background disappears when I use app:civ_shadow="false".
So what I do now as a workaround is to activate the shadow in code circularImageView.addShadow();
Then everything works unless I also add setShadowColor (which again causes the black background).

Maybe this helps to fix the issue?