Fresco: Rounded corners / circular rounding not working for GIF / Animated WebPs

[jcsla]

Description

Hi.
there is gif image at first item in recycler view.
but RoundAsCircle is not working only gif image url.
Is there any solution or can I get sample code about this issue ?
thanks.

Additional Information

• Fresco version: 1.8.1
• Platform version: NEXUS 6P 8.1.0

[oprisnik]

For GIFs, we currently only support the overlay color rounding mode, see http://frescolib.org/docs/rounded-corners-and-circles.html

[jcsla]

@oprisnik Is there any solution about making transparent overlay color?

[oprisnik]

One workaround for this would be to create a custom DrawableFactory that creates a variant of AnimatedDrawable2 that rounds the image.
Alternatively, you could create a custom decoder that does that for you (probably harder).

If somebody wants to spend some time on adding proper GIF rounding support, pull requests are always welcome. An alternative would be to add postprocessor support for GIF frames and then use a native rounding postprocessor.

[hetovar]

Hi I will like to work on this feature :)

[heitorcolangelo]

One thing that worked for me was to put the ImageView inside a FrameLayout, with a rounded background drawable.

<FrameLayout
    android:id="@+id/avatar_container"
    android:background="@drawable/bg_solid_white_circle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/avatar_image"
        android:layout_width="@dimen/avatar_size"
        android:layout_height="@dimen/avatar_size"
        fresco:roundAsCircle="true"
        fresco:roundWithOverlayColor="@color/blue"/>
</FrameLayout>

Hope that this helps.

[CmplxN]

or you can put it in a cardview of some cardCornerRadius and cardElevation