您的位置:首页 > 其它

Recyclerview之瀑布流分割线左右间距均等问题

2017-08-25 18:21 1821 查看
今天来记录下瀑布流左右分割线均等设置!

在网上看了很多例子,都是什么万能分割线之类的,但是真正用到瀑布流的分割线却会出现不一致的情况。

原因:

下面展示一下非瀑布流的item布局情况:



上面那种布局相当于网格布局,每个item的高度都是一样的,所以

他的index就是左右左右,position所对应的itemView就是准确的,

左0,右1,左2,右3,以此类推…

这时候我们可以用下面代码即可成功设置分割线。

/**
* 第一列设置左边距为space,右边距为space/2  (第二列反之)
*/
if (parent.getChildLayoutPosition(view) % 2 == 0) {
outRect.left = space;
outRect.right = space / 2;
} else {
outRect.left = space / 2;
outRect.right = space;
}


重要的来了,如果是瀑布流,如下图:



瀑布流的position是根据列的高度哪个小而来加载下一个position在哪里,

上面瀑布流图我们可以看到,左0,右1 之后,2到右边了,那是因为

第二列的高度小于第一列的高度,所以就加载到第二列,以此类推,

下面的高度可以说就是随机展示的,谁也不知道接下来要怎么判断分割线,

所以用上面的那些代码是行不通的,

大招来了,我们可以通过StaggeredGridLayoutManager.LayoutParams

里的getSpanIndex()来判断,这个方法不管你高度怎样,

他都是左右左右开始排列的,如下代码。

StaggeredGridLayoutManager.LayoutParams params =
(StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams();
/**
* 根据params.getSpanIndex()来判断左右边确定分割线
* 第一列设置左边距为space,右边距为space/2  (第二列反之)
*/
if (params.getSpanIndex() % 2 == 0) {
outRect.left = space;
outRect.right = space / 2;
} else {
outRect.left = space / 2;
outRect.right = space;
}


希望对各位小伙
4000
伴有所帮助!我顺便贴出我的简单小例子代码:

https://github.com/pengShow/rv_staggeredgridlayout
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐