Recyclerview之瀑布流分割线左右间距均等问题
2017-08-25 18:21
1821 查看
今天来记录下瀑布流左右分割线均等设置!
在网上看了很多例子,都是什么万能分割线之类的,但是真正用到瀑布流的分割线却会出现不一致的情况。
原因:
下面展示一下非瀑布流的item布局情况:
上面那种布局相当于网格布局,每个item的高度都是一样的,所以
他的index就是左右左右,position所对应的itemView就是准确的,
左0,右1,左2,右3,以此类推…
这时候我们可以用下面代码即可成功设置分割线。
重要的来了,如果是瀑布流,如下图:
瀑布流的position是根据列的高度哪个小而来加载下一个position在哪里,
上面瀑布流图我们可以看到,左0,右1 之后,2到右边了,那是因为
第二列的高度小于第一列的高度,所以就加载到第二列,以此类推,
下面的高度可以说就是随机展示的,谁也不知道接下来要怎么判断分割线,
所以用上面的那些代码是行不通的,
大招来了,我们可以通过StaggeredGridLayoutManager.LayoutParams
里的getSpanIndex()来判断,这个方法不管你高度怎样,
他都是左右左右开始排列的,如下代码。
希望对各位小伙
4000
伴有所帮助!我顺便贴出我的简单小例子代码:
https://github.com/pengShow/rv_staggeredgridlayout
在网上看了很多例子,都是什么万能分割线之类的,但是真正用到瀑布流的分割线却会出现不一致的情况。
原因:
下面展示一下非瀑布流的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
相关文章推荐
- 问题排除:RecyclerView添加分割线后,每次下拉刷新 Item与分割线间都会增加间距。
- 对于《第一行代码》中的RecyclerView中的一个列表间距太远(占据一个界面)的问题
- 如何给recyclerView瀑布流设置均等间距
- RecyclerView万能适配器,点击事件,分割线,间距等写法
- iOS UICollectionView cell 0间距问题的解决与分割线的设置
- Android RecycleView分割线详解、完美解决Recyclerview没有分割线的问题
- 如何给recyclerView瀑布流设置均等间距
- iOS解决tableView左边分割线有间距问题
- popuwindow中的recyclerView设置分割线无法显示竖线问题 dialog设置尺寸,显示却为包裹内容
- RecyclerView+GridLayoutManager展示时,间距问题~!
- XRecyclerView分割线多了一个的问题
- ViewPager禁止滑动,设置页片间距,设置当前显示的页面,缓存个数,以及解决嵌套ViewPager左右滑动冲突问题
- RecyclerView 上下左右四种间距的设置方法
- Android RecycleView分割线详解、完美解决Recyclerview没有分割线的问题
- android中RecyclerView条目无法横向铺满的问题
- Scrollview 嵌套 RecyclerView 及在Android 5.1版本滑动时 惯性消失问题
- Android开发中RecyclerView模仿探探左右滑动布局功能
- 在listview的item中使用其他通过适配器传值的控件如Recyclerview不显示的问题
- XRecyclerView的使用&ListView|XRecyclerView有header时Position不对问题
- RecyclerView复用的一些问题(Checkbox错乱)