Image grayscale using glide library

Question

I am using glide library to load image url in image view.

Glide.with(context)
                .load(imageurl)
                .apply(RequestOptions.circleCropTransform())
                .into(holder.thumbnail);

Actually, the image is loaded fine with rounded image.

I need the image to be loaded with rounded + grayscale image

Can this be done by using glide lib?

what had you done for grayscale? Add a grayscale style or image above your image view it may work — Sree, Jan 08 '18 at 05:48
this may help you [glide-transformations](https://github.com/wasabeef/glide-transformations) — AskNilesh, Jan 08 '18 at 05:48

Asutosh Panda · Accepted Answer · 2018-01-15T03:00:18.263

27

You can use Android's android.graphics.ColorMatrix class to set the saturation to 0 for making an ImageView grayscale.

You can achieve what you want in two steps. 1. Use Glide to make the ImageView rounded. 2. After that use ColorMatrix class to make the ImageView grayscale.

Glide.with(context)
.load(imageurl)
.apply(RequestOptions.circleCropTransform())
.into(holder.thumbnail);

ColorMatrix colorMatrix = new ColorMatrix();
colorMatrix.setSaturation(0);
ColorMatrixColorFilter filter = new ColorMatrixColorFilter(colorMatrix);
holder.thumbnail.setColorFilter(filter);

edited Jan 15 '18 at 03:00

answered Jan 08 '18 at 06:10

Asutosh Panda

1,463
2
13
25

1

Superb. Actually i was using MultiTransformation multi = new MultiTransformation( new GrayscaleTransformation(), new CropCircleTransformation()); Glide.with(context) .load(imageurl) .apply(bitmapTransform(multi)) .into(holder.thumbnail); But, Your answer works like charm. – Jack Jan 09 '18 at 04:27
You're just awesome. No more flicker that I had with Glide-transformations lib!! – anni Jan 14 '18 at 17:35
this is not working for me when download image from url – akshat tailang Mar 29 '21 at 15:42

score 2 · Answer 2 · answered Jul 20 '19 at 09:24

2

If you are using Kotlin:

            //Grey scale
            val colorMatrix =  ColorMatrix();
            colorMatrix.setSaturation(0.0f);
            val filter =  ColorMatrixColorFilter(colorMatrix);
            itemView.thumb.colorFilter = filter;

answered Jul 20 '19 at 09:24

Hitesh Sahu

41,955
17
205
154

6

Well, if you use Kotlin you don't need to use `;`. – caner Mar 20 '20 at 11:30

Image grayscale using glide library

2 Answers2

Linked