前言
GridLayoutManager网格布局管理,支持RecyclerView成为网格布局的关键。可能很多人在了解网格布局列表会联想到GridView。简单网格布局的情况下推荐使用GridView,因为更为简单。但是在复杂布局的情况下就更推荐使用RecyclerView来实现网格布局。因为RecyclerView功能更加强大且灵活。
简单使用GridLayoutManager
RecyclerView的其他代码就不展示了,这些代码在我的博客里有很多,这里说明我们关注的GridLayoutManager部分代码。如下将GridLayoutManager设置到RecyclerView,实现一个4列的网格列表。
GridLayoutManager layoutManager = new GridLayoutManager(this, 4);//第二个参数为网格的列数
mRecyclerView.setLayoutManager(layoutManager);
注意!如果你发现你的item填不满一行或者一行的左右两边还有很多空间,其实是你的item的布局宽度不是match_parent导致的
效果图:
改变指定位置item的列尺寸
假设现在有需求,希望第1个item,单独占据一行的全部空间。我们可以使用setSpanSizeLookup方法实现这一需求:
代码:
GridLayoutManager layoutManager = new GridLayoutManager(this, 4);
mRecyclerView.setLayoutManager(layoutManager);
layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
if (position == 0){
return 4;
}
return 1;
}
});
使用返回的position来判断指定位置的item,然后返回占据的列数。请注意!这里一开始特别容易错误理解,这里的返回值其实是表达我们希望这个item占据多少位置。在上面实例GridLayoutManager第二个参数我们写了4,就代表最多的列数只有4列,如果我们希望指定item占据整行就要返回 4 , 然后剩下的其他item只占据1位。另外这里不能返回大于我们实例设置的列数,如果我这里返回5,就会出现报错。
效果图:
在举一个例子帮助理解,我们希望第一个item只占据2列,最后一个item占满一行全部列数,代码如下:
GridLayoutManager layoutManager = new GridLayoutManager(this, 4);//第二个参数为网格的列数
mRecyclerView.setLayoutManager(layoutManager);
layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
if (position == 0) {
return 2;
}
if (position == mRecyclerView.getAdapter().getItemCount() - 1) {
return 4;
}
return 1;
}
});
请注意,这里别使用mRecyclerView.getChildCount()来获取item的数量,在getSpanSize方法调用时,RecyclerView其实还在onMeasure,获取的item数量还在增值。
效果图 :
随时修改列数
代码:
mGridLayoutManager = new GridLayoutManager(this, count);
mRecyclerView.setLayoutManager(mGridLayoutManager);
mRecyclerView.setAdapter(mRecyclerViewAdapter);
mAddCountBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mGridLayoutManager.setSpanCount(++count);
}
});
效果图: