RecyclerView瀑布流造成的item错乱

作者:燕歆波
导读:使用瀑布流时,发现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();
    }  
  } 
})
展开阅读全文

没有更多推荐了,返回首页