Animation Transition with UniversalImageLoader

[alexstyl]

I am trying to set a custom animation when a drawable is set on the CircleImageView, but the view doesn't seem to be refreshed whenever it has finished loading. I am using the view on each of my adapter's rows. The view seems to be stuck with the default drawable it has before I request the Universal Image Loader to load, and it is only updated whenever I cause the row to be recycled (scroll it away and then back in)

here is the code of the displayer:

@TargetApi(Build.VERSION_CODES.JELLY_BEAN)
@Override
public void display(Bitmap bitmap, ImageAware imageAware, LoadedFrom loadedFrom) {


    if ((loadedFrom == LoadedFrom.NETWORK) || (loadedFrom == LoadedFrom.DISC_CACHE)) {

        ImageView imageView = (ImageView) imageAware.getWrappedView();
        Drawable previous = imageView.getDrawable();
        final TransitionDrawable td =
                new TransitionDrawable(new Drawable[]{
                        (previous == null ? transparent : previous),
                        new BitmapDrawable(mResources, bitmap)
                });

        td.setCrossFadeEnabled(true);

        imageAware.setImageDrawable(td);
        td.startTransition(FADE_IN_TIME);


    } else {
        imageAware.setImageBitmap(bitmap);
    }

}

Are there any workarounds for this?

[3mph4515]

You have no need to use custom views with UIL. It can round your images out of box. See displayer method

[hdodenhof]

For the root cause please have a look at #3 and #5. Basically CircleImageView gets a static Bitmap from the Drawable you set using setImageDrawable and doesn't care about any changes to it (i.e. a transition) anymore. This is unfortunately a limitation of the current approach of not having some kind of separate CircleImageDrawable.