具有動態跨度計數的 GridLayoutManager

使用 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。

資料來源: