Stop items from moving around when using StaggeredGridLayoutManager

Question

I'm using recyclerview with staggredGridLayoutManager in android. The problem is, sometimes when scrolling items move around to fit in the screen. Normally it's nothing to worry about but in my case it messes up everything! So is there anyway to stop this behavior? Not just the animation. The whole items rearranging stuff. thank you

Have you tried using mSGLM.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE); ? — MojoTosh, Mar 16 '15 at 00:14
Duplicated of http://stackoverflow.com/questions/27636999/staggeredgridlayoutmanager-and-moving-items — Bitcoin Cash - ADA enthusiast, Apr 04 '16 at 22:36

score 2 · Answer 1 · answered Jul 27 '16 at 20:18

If you are using Picasso then First create a custom ImageView

public class DynamicHeightImageView extends ImageView  {

private double mHeightRatio;

public DynamicHeightImageView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public DynamicHeightImageView(Context context) {
    super(context);
}

//Here we will set the aspect ratio
public void setHeightRatio(double ratio) {
    if (ratio != mHeightRatio) {
        mHeightRatio = ratio;
        requestLayout();
    }
}

public double getHeightRatio() {
    return mHeightRatio;
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    if (mHeightRatio > 0.0) {
        // set the image views size
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int height = (int) (width * mHeightRatio);
        setMeasuredDimension(width, height);
    } else {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}


}

Then in your onBindViewHolder

Picasso.with(context).load(modal.image.mediumUrl).into(holder.profileImage, new Callback() {
            @Override
            public void onSuccess() {
                holder.profileImage.setHeightRatio(holder.profileImage.getHeight()/holder.profileImage.getWidth());
            }

            @Override
            public void onError() {

            }
        });

Thank you so much, I had the same problem using Glide. – Clive Jefferies Sep 22 '16 at 15:30 — Clive Jefferies, Sep 22 '16 at 15:30

score 2 · Answer 2 · answered Sep 22 '16 at 15:43

Using the ImageView suggested in Randy's answer you can do the same with Glide:

  Glide.with(context)
            .load(imageURL)
            .asBitmap()
            .dontAnimate()
            .fitCenter()
            .diskCacheStrategy(DiskCacheStrategy.RESULT)
            .into(new SimpleTarget<Bitmap>() {
                @Override
                public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {

                    if (bitmap != null)
                    {
                        holder.image.setHeightRatio(bitmap.getHeight()/bitmap.getWidth());
                        holder.image.setImageBitmap(bitmap);
                    }
                }
            });

score 2 · Accepted Answer · answered Nov 29 '18 at 11:10

After searching quite a bit I realized There is no viable solution! StaggeredGridLayoutManager will rearrange its items that causes the item to move around. Unless we write a completely customized version of LayoutManager witch is not very easy, I doubt that there is a way to handle this.

score -1 · Answer 4 · answered Jul 01 '20 at 11:47

-1

To disable rearranging just call recyclerView.itemAnimator = null

Also, if you use ImageViews, make sure you set adjustViewBounds to true

answered Jul 01 '20 at 11:47

deviant

3,539
4
32
47

Stop items from moving around when using StaggeredGridLayoutManager

4 Answers4