アリコートピッチRecyclerView GridLayoutManager

達成するRecyclerViewテーブル

テーブル状のスタイルでRecyclerView GridLayoutManager共有を実現するために、達成することができ、親要素のレイアウトに合わせてアダプタ幅、即ち、アンドロイド：layout_width =「match_parent」。

RecyclerView rvPhotoAlbums = findViewById(R.id.rv_photoAlbums_content);
rvPhotoAlbums.setLayoutManager(new GridLayoutManager(this, 4));
rvPhotoAlbums.setAdapter(new PhotoAlbumsAdapter());

次のような効果があります

間隔ItemDecorationを追加

ItemDecorationソースコード解析

androidx.recyclerview.widget.RecyclerView＃addItemDecoration（androidx.recyclerview.widget.RecyclerView.ItemDecoration）。
この方法では簡単にはルックItemDecoration：

public abstract static class ItemDecoration {
    // ....省略其他方法介绍.....

    /**
     * Retrieve any offsets for the given item. Each field of <code>outRect</code> specifies
     * the number of pixels that the item view should be inset by, similar to padding or margin.
     * The default implementation sets the bounds of outRect to 0 and returns.
     * 解读：获取给定item view的偏移量，用outRect 表示。outRect的每个字段分别表示不同方向的偏移量，类似于填充或边距。
     * 默认设置为0，即没有间距。
     *
     * <p>
     * If this ItemDecoration does not affect the positioning of item views, it should set
     * all four fields of <code>outRect</code> (left, top, right, bottom) to zero
     * before returning.
     * 如果不想影响item view 的位置，需要置outRect 的left, top, right, bottom 为0
     *
     * <p>
     * If you need to access Adapter for additional data, you can call
     * {@link RecyclerView#getChildAdapterPosition(View)} to get the adapter position of the
     * View.
     *
     * @param outRect Rect to receive the output.
     * @param view    The child view to decorate
     * @param parent  RecyclerView this ItemDecoration is decorating
     * @param state   The current state of RecyclerView.
     */
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view,
            @NonNull RecyclerView parent, @NonNull State state) {
        getItemOffsets(outRect, ((LayoutParams) view.getLayoutParams()).getViewLayoutPosition(),
                parent);
    }
}

私たちは、コードのコメントを通じて、相続androidx.recyclerview.widget.RecyclerView.ItemDecorationクラスを介して距離を扱うことができることを知っています。

カスタムItemDecoration

public class GridSpaceItemDecoration extends RecyclerView.ItemDecoration {

    private int mSpanCount;//横条目数量
    private int mRowSpacing;//行间距
    private int mColumnSpacing;// 列间距

    /**
     * @param spanCount     列数
     * @param rowSpacing    行间距
     * @param columnSpacing 列间距
     */
    public GridSpaceItemDecoration(int spanCount, int rowSpacing, int columnSpacing) {
        this.mSpanCount = spanCount;
        this.mRowSpacing = rowSpacing;
        this.mColumnSpacing = columnSpacing;
    }

    @Override
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        int position = parent.getChildAdapterPosition(view); // 获取view 在adapter中的位置。
        int column = position % mSpanCount; // view 所在的列

        // 列间距
        outRect.left = mColumnSpacing;

        // 如果position > 行数，说明不是在第一行，则不指定行高，其他行的上间距为 top=mRowSpacing
        if (position >= mSpanCount) {
            outRect.top = mRowSpacing; // item top
        }
    }
}

ItemDecorationを追加

// 添加间距
rvPhotoAlbums.addItemDecoration(new GridSpaceItemDecoration(4,
        DpPxSpTool.INSTANCE.dip2px(this, 30),
        DpPxSpTool.INSTANCE.dip2px(this, 20)));

：[OK]を、私たちはの効果を見て

：（アイテムビューの範囲を区別するために、私はストロークを識別するために、異なる色を使用します。注）
見ることができ、アイテム全体の右、項目に割り当てられている幅GridLayoutManager、なぜなら我々しばらくItemDecorationアイテムビューは、左マージンを設定し、その全権利があるだろう、例の内容を絞ります。