Picasso - how to resize placeholder

Question

I'm using a 128x128 circular image, animated by a drawable as a placeholder in Picasso.

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading_circle"
    android:pivotX="50%"
    android:pivotY="50%" />

And this is how my Java code implements it:

Picasso.with(context)
                        .load(message.getMediaUrl())
                        .config(Bitmap.Config.ARGB_4444)
                        .resize(w, h)
                        .onlyScaleDown()
                        .centerCrop()
                        .placeholder(R.drawable.progresscircle)
                        .into(messageImage);

Note that the image sizing parameters above are required by the final image that is loaded into my chat adapter's imageview.

The problem is, Picasso is blowing up and cropping the placeholder like this:

How can I set separate parameters for the placeholder to be suitably sized? Also, what exact parameters would be helpful?

score 6 · Answer 1 · edited Jul 01 '16 at 09:35

6

in XML where you set ImageView add.

android:scaleType="centerCrop"

It may work. you can set fitXY instead of centerCrop if it is not working.

edited Jul 01 '16 at 09:35

V-rund Puro-hit

5,518
9
31
50

answered Jul 01 '16 at 06:34

Anurag Shrivastava

650
7
25

score 4 · Answer 2 · answered Mar 22 '18 at 08:17

As mentioned here,

Inside your imageviews xml set android:scaleType="centerInside"

Then add fit().centerCrop().noFade() like this

                 Picasso.with(context)
                .load(message.getMediaUrl())
                .config(Bitmap.Config.ARGB_4444)
                .resize(w, h)
                .onlyScaleDown()
                .centerCrop()
                .fit()
                .noFade()
                .placeholder(R.drawable.progresscircle)
                .into(messageImage);

score 0 · Answer 3 · answered Jul 01 '16 at 06:54

0

Try this:

 Picasso
.with(context)
.load(message.getMediaUrl())
.fit()
// call .centerInside() or .centerCrop() to avoid a stretched image
.into(messageImage);

answered Jul 01 '16 at 06:54

Dhruvi

1,971
2
10
18

score 0 · Answer 4 · answered Jul 01 '16 at 06:54

change your Picasso call to this,

Picasso.with(context)
                    .load(message.getMediaUrl())
                    .config(Bitmap.Config.ARGB_4444)
                    .fit()
                    .centerCrop()
                    .placeholder(R.drawable.progresscircle)
                    .into(messageImage);

Picasso - how to resize placeholder

4 Answers4