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