具有动态跨度计数的 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。

资料来源：