Android RecyclerView item間の間隔を設定

4222 ワード
Android
転載:https://www.jianshu.com/p/e372cec819db
RecyclerViewには直接ピッチを設定できる属性はありませんが、ソースコードを見るとRecyclerViewには内部クラスItemDecorationがあり、ItemDecorationでitemを飾ることができるので、ItemDecorationを継承して書き換えることでピッチを実現できます.以下を見て、ネット上では似たような紹介がたくさんありますが、ほとんどはLinearLayoutManagerのようなものしか考えていません.
LinearLayoutManagerがItem間隔を設定する補助クラスです
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.getChildPosition(view) == 0)
            outRect.top = space;
    }
}

item間隔の設定
int space = 8;
mRecyclerView.addItemDecoration(new SpacesItemDecoration(spacingInPixels));

しかし、私のプロジェクトはグリッドレイアウトです.GridLayoutManager、上の方法もだめです.まず効果を見てから、私の方法を話してください.
RecyclerViewはItemの間隔を設定する.jpg
私の間隔は10 dpしかなくて、特に明らかに見えませんが、効果はありますよね.
ここではGridLayoutManagerまたはStaggerdGridLayoutManagerがItem間隔を設定する方法です
/**
 * GridLayoutManager（    ）  item   
 * 
 *   ：    on 2017 7 20  0020.
 *   ：[email protected]
 *   ：http://www.jianshu.com/u/56db5d78044d
 */

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
            }
        }
    }
}

呼び出し先
        int spanCount = 3; // 3 columns
        int spacing = 50; // 50px
        boolean includeEdge = false;
        mRecyclerView.addItemDecoration(new GridSpacingItemDecoration(spanCount, spacing, includeEdge));

他の人のRecycleViewにドロップダウン・リフレッシュをロードした場合、addItemDecorationという方法は必ずしも追加されるとは限らず、ソース・コードに自分で追加することができます.
public void addItemDecoration(RecyclerView.ItemDecoration decor) {
    mRecyclerView.addItemDecoration(decor,-1);
}

実はもう一つの巧みな方法はitemのレイアウトの中で仕事をすることです
 
例を挙げるjpg
絵が少し醜いので、コードで話します.

中のこのRelativeLayoutはあなたのitemの正常なレイアウトで、Linearlayoutという根元局は私が彼の背景色を透明に設定して、もう一つのpaddingを加えればいいです.このpaddingはitemの間隔を設定して、このようにitemの間隔を設定します.
だからRecyclerViewのItemの間隔はitemの中にpadding,marginを設置することで解決できるというのは比較的巧みだ.
JAvaソース解析——ArrayList
【Zookeeper】ソースコード分析の持続化(二)のFileSnap