How to use transform method in picasso to avoid the oom issue

In this blog,
We are going to tell you how to cure the out of memory issue while loading the images in Picasso library using transform and resize methods.

If you want to resize the image with aspect ratio and avoid to OOM error then you can use the transform method of Picasso.

How to use Transform method

  Picasso.with(this).load(imageURL)
                    .transform(new BitmapTransform(MAX_WIDTH, MAX_HEIGHT))
                    .placeholder(R.drawable.placeholder)
                    .into(imageView);

Picasso.with(this).load(imageURL)

.transform(new BitmapTransform(MAX_WIDTH, MAX_HEIGHT))

.placeholder(R.drawable.placeholder)

.into(imageView);

BitmapTransform

public class BitmapTransform implements Transformation {

    int maxWidth;
    int maxHeight;

    public BitmapTransform(int maxWidth, int maxHeight) {
        this.maxWidth = maxWidth;
        this.maxHeight = maxHeight;
    }

    @Override
    public Bitmap transform(Bitmap source) {
        int targetWidth, targetHeight;
        double aspectRatio;

        if (source.getWidth() > source.getHeight()) {
            targetWidth = maxWidth;
            aspectRatio = (double) source.getHeight() / (double) source.getWidth();
            targetHeight = (int) (targetWidth * aspectRatio);
        } else {
            targetHeight = maxHeight;
            aspectRatio = (double) source.getWidth() / (double) source.getHeight();
            targetWidth = (int) (targetHeight * aspectRatio);
        }

        Bitmap result = Bitmap.createScaledBitmap(source, targetWidth, targetHeight, false);
        if (result != source) {
            source.recycle();
        }
        return result;
    }

    @Override
    public String key() {
        return maxWidth + "x" + maxHeight;
    }

};

public class BitmapTransform implements Transformation {

int maxWidth;

int maxHeight;

public BitmapTransform(int maxWidth, int maxHeight) {

this.maxWidth = maxWidth;

this.maxHeight = maxHeight;

}

@Override

public Bitmap transform(Bitmap source) {

int targetWidth, targetHeight;

double aspectRatio;

if (source.getWidth() > source.getHeight()) {

targetWidth = maxWidth;

aspectRatio = (double) source.getHeight() / (double) source.getWidth();

targetHeight = (int) (targetWidth * aspectRatio);

} else {

targetHeight = maxHeight;

aspectRatio = (double) source.getWidth() / (double) source.getHeight();

targetWidth = (int) (targetHeight * aspectRatio);

}

Bitmap result = Bitmap.createScaledBitmap(source, targetWidth, targetHeight, false);

if (result != source) {

source.recycle();

}

return result;

}

@Override

public String key() {

return maxWidth + "x" + maxHeight;

}

};

How to use resize method

Transform images to properly adjust into layouts and to overcome the memory.

Picasso.with(this)
  .load(imageURL)
  .resize(500, 500)
  .centerCrop()
  .into(imageView)

Picasso.with(this)

.load(imageURL)

.resize(500, 500)

.centerCrop()

.into(imageView)

centerCrop – Scale the image venerate the aspect ratio until it fills the size.

Crop either the top and bottom or left and right so it matches the size exactly.

Aman Gupta 22 December 2016

. . .

How to use transform method in picasso to avoid the oom issue

How to use Transform method

How to use resize method

Leave a Comment Cancel Reply

Message Sent!