RecyclerView瀑布流造成的item错乱

本文介绍了解决瀑布流布局中item间距错乱的问题。通过使用StaggeredGridLayoutManager.LayoutParams的getSpanIndex方法,根据item在span中的下标设置左右间距,避免了因item高度不同而导致的间隔混乱。同时给出了返回列表页时顶部空白问题的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作者:燕歆波
导读:使用瀑布流时,发现item的顺序在滑动时突然顺序改变了,造成了设置的间距变化,从而导致整个页面错乱。

简介
在adapter中,我获取item的位置,根据位置设置item的左右间距:
在这里插入图片描述
如果像上面一样,第一个item比第二个item的高度低的话,那么是没有问题的(偶数item在左,奇数item在右);
但是如果第一个item比第二item高的话,就会出现偶数item在右,奇数item在左的问题。
这样的话,当第二个item高度比第一个item的低时,第三个item将排列在第二个item的下方,
那么通过position判断设置间隔的方法就不成立了。这就导致item间隔的错乱
在查找了一些博客之后,找到了StaggeredLayoutManager.LayoutParams类中有一个getSpanIndex()的方法,可以获取item在span中的下标。这样的话问题就可以解决了,只要将position替换为span的下标判断item的位置,就不会出现间隔错乱的问题,(注:这样是解决了间隔的问题,但是并没有解决 奇数偶数 item 位置交替的问题)。

```
public class StaggeredGridDivider extends RecyclerView.ItemDecoration {
    private Context context;
    private int interval;

    public StaggeredGridDivider(Context context, int interval) {
        this.context = context;
        this.interval = interval;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        StaggeredGridLayoutManager.LayoutParams params = (StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams();
        // 获取item在span中的下标
        int spanIndex = params.getSpanIndex();
        int interval = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
                this.interval, context.getResources().getDisplayMetrics());
        // 中间间隔
        if (spanIndex % 2 == 0) {
            outRect.left = 0;
        } else {
            // item为奇数位,设置其左间隔
            outRect.left = interval;
        }
        // 上方间隔
        outRect.top = interval;
    }
}
还有一个问题是,从详情页回到列表页时,定位到指定位置回去先顶部空出一片空白的问题,
解决办法是给RecyclerView添加OnScrollListener,并在其onScrollStateChanged方法中监听RecyclerView是否滑到顶部,
若滑到顶部,则调用StaggeredLayoutManager的invalidateSpanAssignments方法刷新间隔。

int spanCount = 2
rv.addOnScrollListener(new OnScrollListener() {
  @Override
  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    int[] first = new int[spanCount];
    layoutManager.findFirstCompletelyVisibleItemPositions(first);
    if (newState == RecyclerView.SCROLL_STATE_IDLE && (first[0] == 1 || first[1] == 1)) {
      layoutManager.invalidateSpanAssignments();
    }  
  } 
})
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值