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;}@Overridepublic 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() {@Overridepublic 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();}  }
})

RecyclerView瀑布流造成的item错乱相关推荐

Android 解决RecyclerView瀑布流刷新之后Item位置改变
解决RecyclerView瀑布流刷新之后Item位置改变为了测试RecyclerView瀑布流效果,每个Item的高度采取了随机高度,导致每次刷新的时候,重新随机出来的高度和原来的不一致,会导致I ...
解决RecyclerView瀑布流效果结合Glide使用时图片变形的问题
解决RecyclerView瀑布流效果结合Glide使用时图片变形的问题参考文章: (1)解决RecyclerView瀑布流效果结合Glide使用时图片变形的问题 (2)https://www.cn ...
Android瀑布流仿京东,（二）仿京东顶部伸缩渐变丶自定义viewpager指示器丶viewpager3D回廊丶recyclerview瀑布流...
效果图如下: demo2.gif Demo2 1.仿京东首页顶部轮播图+搜索栏渐变 public class GradientScrollView extends ScrollView { publi ...
RecyclerView 瀑布流错乱
记录一下,瀑布流错乱问题问题主要是在Item中图片并不会固定宽高,而是在加载后再去计算的,所以在复用子View时不断的进行重新排版,导致最后展示时出现了偏差,也就是错乱留白. 解决办法解决办法也 ...
RecyclerView瀑布流的形式利用Gilde加载网络图片
RecyclerView的简单介绍 RecyclerView 是在Android5.0之后推出的,是一个比ListView更加灵活更加高效的适配器类型控件.但是RecyclerView不同于其他类型的 ...
android 瀑布流空白,Android瀑布流优化，解决Recyclerview展示大批量图片时Item自动切换、闪烁、空白等问题...
本文涉及的代码案例可以在下方的链接中找到,如果对你有帮助,请给个Star(#^.^#) 问题分析这段时间业务需求用到RecyclerView瀑布流加载并展示大批量图片,但一开始单纯使用Recycle ...
android 水平方向瀑布流,Android RecyclerView（瀑布流）水平/垂直方向分割线
Android RecyclerView(瀑布流)水平/垂直方向分割线 Android RecyclerView不像过去的ListView那样随意的设置水平方向的分割线,如果要实现Recycle ...
uview 瀑布流_RecyclerView瀑布流的那些坑
RecyclerView的布局排列主要通过布局管理器--LayoutManager去实现,不同的布局能为使得RecyclerView拥有不同的排列效果.StaggeredGridLayoutManag ...
Recycle网格制式之瀑布流的实现
瀑布流样式 RecyclerView的瀑布流布局管理器是StaggeredGridLayoutManager,它最常用的构造函数就一个,StaggeredGridLayoutManager(int s ...

RecyclerView瀑布流造成的item错乱

RecyclerView瀑布流造成的item错乱相关推荐

最新文章

热门文章