Trouble while loading via Picasso about circleimageview HOT 4 CLOSED

I was able to overcome this problem by using a custom Target when setting the loaded image in the CircleImageView:

Picasso.with(context)
                .load(url)
                .placeholder(placeholderId)
                .error(placeholderId)
                .into(new Target(){

                          @Override
                          public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
                              imageView.setImageDrawable(
                                      new
                                              BitmapDrawable
                                              (context.getResources(), bitmap));
                          }

                          @Override
                          public void onBitmapFailed(final Drawable errorDrawable) {
                              Log.d("TAG", "FAILED");
                          }

                          @Override
                          public void onPrepareLoad(final Drawable placeHolderDrawable) {
                              Log.d("TAG", "Prepare Load");
                          }
                      });

instead of just using

Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);

from circleimageview.

If you are using Picasso without the noFade() option, this is probably the same issue as #3. When Picasso finished loading, it replaces the placeholder in the ImageView with the actual image but with an alpha value of 0 and then starts fading it in. The fadein is handled within the PicassoDrawable and there is no way for the ImageView to realize it has to refresh. When you scroll the view out of the viewport and then back in, Picasso starts loading again, realizes that the image is cached in memory and skips the placeholder - that's why it work's in that case.

My suggested solution in #3 is exactly what you did. If you want to keep the fadein animation, you could place the necessary code in onBitmapLoaded instead of just using setImageDrawable there. If you don't want the animation anyways, another workaround would be using Picassos noFade option.

I'll probably update the README with these hints. Thanks!

from circleimageview.

Ok, thanks for the noFade tip - this seems to work better than my workaround.

+1 for writing it to the README file. Since your library works good with Picasso, you should directly inform users about it (so that they don't get frustrated with your lib).

from circleimageview.

Also see this issue for discussion upstream.

from circleimageview.