具有動態跨度計數的 GridLayoutManager

Created: November-22, 2018

使用 gridlayout 佈局管理器建立 recyclerview 時，你必須在建構函式中指定範圍計數。跨度計數是指列數。這是相當笨重的，並沒有考慮更大的螢幕尺寸或螢幕方向。一種方法是為各種螢幕尺寸建立多個佈局。另一種更具動態性的方法如下所示。

首先，我們建立一個自定義的 RecyclerView 類，如下所示：

public class AutofitRecyclerView extends RecyclerView {
    private GridLayoutManager manager;
    private int columnWidth = -1;

    public AutofitRecyclerView(Context context) {
        super(context);
        init(context, null);
    }

    public AutofitRecyclerView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public AutofitRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        if (attrs != null) {
            int[] attrsArray = {
                    android.R.attr.columnWidth
            };
            TypedArray array = context.obtainStyledAttributes(attrs, attrsArray);
            columnWidth = array.getDimensionPixelSize(0, -1);
            array.recycle();
        }

        manager = new GridLayoutManager(getContext(), 1);
        setLayoutManager(manager);
    }

    @Override
    protected void onMeasure(int widthSpec, int heightSpec) {
        super.onMeasure(widthSpec, heightSpec);
        if (columnWidth > 0) {
            int spanCount = Math.max(1, getMeasuredWidth() / columnWidth);
            manager.setSpanCount(spanCount);
        }
    }
}

此類確定可以容納 Recyclerview 的列數。要使用它，你需要將它放入 layout.xml 中，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<com.path.to.your.class.autofitRecyclerView.AutofitRecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/auto_fit_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnWidth="200dp"
    android:clipToPadding="false"
    />

請注意，我們使用 columnWidth 屬性。recyclerview 將需要它來確定適合可用空間的列數。

在你的活動/片段中，你只需獲得對 recylerview 的引用併為其設定介面卡（以及你要新增的任何專案裝飾或動畫）。不要設定佈局管理器

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.auto_fit_recycler_view);
recyclerView.setAdapter(new MyAdapter());

（MyAdapter 是你的介面卡類）

你現在有一個 Recyclerview，它將調整 spancount（即列）以適應螢幕大小。作為最後新增，你可能希望將列居中放在 recyclerview 中（預設情況下，它們與 layout_start 對齊）。你可以通過稍微修改 AutofitRecyclerView 類來實現。首先在 recyclerview 中建立一個內部類。這將是一個從 GridLayoutManager 擴充套件的類。它將在左側和右側新增足夠的填充以使行居中：

public class AutofitRecyclerView extends RecyclerView {

    // etc see above

    private class CenteredGridLayoutManager extends GridLayoutManager {

        public CenteredGridLayoutManager(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
            super(context, attrs, defStyleAttr, defStyleRes);
        }

        public CenteredGridLayoutManager(Context context, int spanCount) {
            super(context, spanCount);
        }

        public CenteredGridLayoutManager(Context context, int spanCount, int orientation, boolean reverseLayout) {
            super(context, spanCount, orientation, reverseLayout);
        }

        @Override
        public int getPaddingLeft() {
            final int totalItemWidth = columnWidth * getSpanCount();
            if (totalItemWidth >= AutofitRecyclerView.this.getMeasuredWidth()) {
                return super.getPaddingLeft(); // do nothing
            } else {
                return Math.round((AutofitRecyclerView.this.getMeasuredWidth() / (1f + getSpanCount())) - (totalItemWidth / (1f + getSpanCount())));
            }
        }

        @Override
        public int getPaddingRight() {
            return getPaddingLeft();
        }
    }
}

然後，當你在 AutofitRecyclerView 中設定 LayoutManager 時，請使用 CenteredGridLayoutManager，如下所示：

private void init(Context context, AttributeSet attrs) {
    if (attrs != null) {
        int[] attrsArray = {
                android.R.attr.columnWidth
        };
        TypedArray array = context.obtainStyledAttributes(attrs, attrsArray);
        columnWidth = array.getDimensionPixelSize(0, -1);
        array.recycle();
    }

    manager = new CenteredGridLayoutManager(getContext(), 1);
    setLayoutManager(manager);
}

就是這樣！你有一個動態 spancount，中心對齊 gridlayoutmanager 基於 recyclerview。

資料來源：