前言
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); } });
效果图:
End