遇到的问题
最近项目中用到了宫格列表布局,一直是用recyclerview作为列表开发控件,自然而然会用到其中的一个属性gridLayoutManager来做宫格布局列表。设计图是两行,并且是左右中都有相同的间距,刚开始想到的是在xml设置间距就行了,出来的效果和设计图的大相径庭,所以这种方法不可行。后来无头绪在度娘一波乱找,了解到了recyclerview还有个addItemDecoration()属性可设置间距,不过不是我需要的,最后决定自己动手写一个自定义view,放在自己的项目里是可以用的,大功告成。
自定义View
public class MarginDecorationextends RecyclerView.ItemDecoration {
private int margin;
public MarginDecoration(Context context) {
margin = O2O.dip2px(context,10);
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
//由于每行都只有2个,所以第一个都是2的倍数,把左边距设为0
if (parent.getChildLayoutPosition(view) %2 ==0) {
outRect.set(margin,0,margin,0);
}else {
outRect.set(0,0,margin,0);}
}
代码量很少,对继承父类getItemOffsets( )进行间距判断,非2的倍数,设置左右间距,2的倍数设置右间距。从而实现了宫格布局的左右中相同边距的效果。
最后只要简单的使用写好的view就好了。
网友评论