How to give unloaded imageview different colors until they are loaded, change Picasso code to glide

Question

This easy to achieve using Picasso

 Picasso.with(holder.mImageView.getContext())
            .load(item.getUrl())
            .into(new Target() {
                @Override
                public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
                    holder.mImageView.setImageBitmap(bitmap);
                    holder.mLoadingImageView.setVisibility(View.GONE);
                    holder.updatePalette();//the logic of generate diffrent background colors
                    Log.d(TAG, "on success");
                }

                @Override
                public void onBitmapFailed(Drawable errorDrawable) {
                    holder.mLoadingImageView.setVisibility(View.GONE);
                    Log.d(TAG, "on error");
                }

                @Override
                public void onPrepareLoad(Drawable placeHolderDrawable) {
                    holder.mLoadingImageView.setVisibility(View.VISIBLE);
                }
            });

and the holder take care of that logic (getting different colors for unloaded image) from updatePalette function, here its code or the whole demo if you want

in glide what?

Glide.with(holder.mImageView.getContext())
            .load(item.getUrl())
            .into(/*WHAT*/);

Any duplication would help.

different color every time means ? In each loading a different placeholder ? — Shree Krishna, Mar 18 '16 at 09:36
Are you looking for this? http://stackoverflow.com/questions/27394016/how-does-one-use-glide-to-download-an-image-into-a-bitmap — Sunil Sunny, Mar 18 '16 at 09:37

Neeraj Kumar · Answer 1 · 2016-03-21T06:42:20.143

You can achieve the same using Target or SimpleTarget (implements Target) in glide.

i.e.

Glide.load("http://somefakeurl.com/fakeImage.jpeg")
      .asBitmap()
      .fitCenter()
      .into(new SimpleTarget(250, 250) {

          @Override
          public void onResourceReady(Bitmap resource, GlideAnimation glideAnimation) {
              // Image Loaded successfully.
          }

          @Override
          public void onLoadStarted(Drawable placeholder){
            // Image Loading starts
          }


          @Override
          public void  onLoadFailed(Exception e, Drawable errorDrawable){
            // Image Loading failed
          }

      });
 }

can I create my own target ? how to create MyTarget? please update the question to explain what to do function that I'm not interested in — Basheer AL-MOMANI, Mar 18 '16 at 12:01

Basheer AL-MOMANI · Accepted Answer · 2016-03-19T02:26:40.520

lastly I did it

    private ColorDrawable[] vibrantLightColorList =
        {
                new ColorDrawable(Color.parseColor("#9ACCCD")), new ColorDrawable(Color.parseColor("#8FD8A0")),
                new ColorDrawable(Color.parseColor("#CBD890")), new ColorDrawable(Color.parseColor("#DACC8F")),
                new ColorDrawable(Color.parseColor("#D9A790")), new ColorDrawable(Color.parseColor("#D18FD9")),
                new ColorDrawable(Color.parseColor("#FF6772")), new ColorDrawable(Color.parseColor("#DDFB5C"))
        };

then

Glide.with(holder.mImageView.getContext())
            .load(item.getUrl())
            .placeholder(getRandomDrawbleColor())
            .into(holder.mImageView);

and

public ColorDrawable getRandomDrawbleColor() {
    int idx = new Random().nextInt(vibrantLightColorList.length);
    return vibrantLightColorList[idx];
}

score 1 · Answer 3 · answered Mar 18 '16 at 09:53

1

Keep PlaceHolder Until The Image is Loading Using Picasso's placeholder function

Picasso.with(context)
            .load("image_url")
            .placeholder(R.drawable.ic_launcher)
            .into(imageView);

answered Mar 18 '16 at 09:53

Bajirao Shinde

1,356
1
18
26

I need different `image color` for every image like the picture – Basheer AL-MOMANI Mar 18 '16 at 11:49
you can not give color to image instead you can try applying other colored images... – Bajirao Shinde Mar 18 '16 at 12:04

score 0 · Answer 4 · answered Mar 18 '16 at 09:35

0

Methods of setting the placeholder Image are same in Picasso and Glid

In Glid

Glide.with(holder.mImageView.getContext())
            .load(item.getUrl())
            .placeholder(R.drawable.placeholder)
            .into(imageView)

In Picasso

Picasso.with(holder.mImageView.getContext())
            .load(item.getUrl())
            .placeholder(R.drawable.placeholder)
            .into(imageView)

answered Mar 18 '16 at 09:35

Shree Krishna

8,474
6
40
68

the given image in placeholder will be fixed for all images – Basheer AL-MOMANI Mar 18 '16 at 12:04
You can also change the colors or drawable randomly using random integer, or seperate the setting of placeholder method and change that dynamically in each position with conditions where ever you used the adapter... – Shree Krishna Mar 19 '16 at 07:27

How to give unloaded imageview different colors until they are loaded, change Picasso code to glide

4 Answers4