Android RecyclerView 间距 浅谈Android RecyclerView 间距全适配
anonymoussf 人气:8想了解浅谈Android RecyclerView 间距全适配的相关内容吗,anonymoussf在本文为您仔细讲解Android RecyclerView 间距的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:Android,RecyclerView,间距,RecyclerView,间距,下面大家一起来学习吧。
本文介绍了Android RecyclerView 间距全适配,分享给大家,具体如下:
LinearLayoutManager spacing
import android.graphics.Rect; import android.support.v7.widget.RecyclerView; import android.view.View; /** * Created by anonymous on 2016/9/9 0009. * <p> * SpacesItemDecoration * <p> * mRecyclerView.addItemDecoration(new SpacesItemDecoration(5)); */ public class SpacesItemDecoration extends RecyclerView.ItemDecoration { private int space; public SpacesItemDecoration(int space) { this.space = space; } @Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { outRect.left = space; outRect.right = space; outRect.bottom = space; // Add top margin only for the first item to avoid double space between items if (parent.getChildLayoutPosition(view) == 0) { outRect.top = space; } else { outRect.top = 0; } } }
使用方法很简单,上面注释中也已经给出:
mRecyclerView.addItemDecoration(new SpacesItemDecoration(5));
GridLayoutManager or StaggeredGridLayoutManager spacing
import android.graphics.Rect; import android.support.v7.widget.RecyclerView; import android.view.View; /** * Created by anonymous on 2016/9/9 0009. * <p> * GridSpacingItemDecoration * <p> * int spanCount = 3; // 3 columns * int spacing = 50; // 50px * boolean includeEdge = false; * recyclerView.addItemDecoration(new GridSpacingItemDecoration(spanCount, spacing, includeEdge)); */ public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration { private int spanCount; private int spacing; private boolean includeEdge; public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge) { this.spanCount = spanCount; this.spacing = spacing; this.includeEdge = includeEdge; } @Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) { int position = parent.getChildAdapterPosition(view); // item position int column = position % spanCount; // item column if (includeEdge) { outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing) outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing) if (position < spanCount) { // top edge outRect.top = spacing; } outRect.bottom = spacing; // item bottom } else { outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing) outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f / spanCount) * spacing) if (position >= spanCount) { outRect.top = spacing; // item top } } } }
此处不仅对间距进行了处理,而且对spanCount也进行了处理,使用方法:
int spanCount = 3; // 3 columns int spacing = 50; // 50px boolean includeEdge = false; mRecyclerView.addItemDecoration(new GridSpacingItemDecoration(spanCount, spacing, includeEdge));
加载全部内容