android中具有不同单元格宽度的RecyclerView Grid的LayoutManager答案

【问题标题】：LayoutManager for RecyclerView Grid with different cell width in androidandroid中具有不同单元格宽度的RecyclerView Grid的LayoutManager
【发布时间】：2017-09-05 07:05:28
【问题描述】：

StaggeredGridLayoutManager 似乎不允许为垂直方向自定义单元格宽度或跨越多列（全跨度除外）。

如何创建如上图所示的布局？在这种情况下，什么是完美的布局管理器... GridLayoutManager 或 StaggeredGridLayoutManager？

【问题讨论】：

标签： android android-recyclerview

【解决方案1】：

您可以使用GridLayoutManager，而不是使用StaggeredGridLayoutManager。要在行中有不同的列数，您必须覆盖 setSpanSizeLookup。

例子：

GridLayoutManager gridLayoutManager = new GridLayoutManager(getAppContext(), spanCount);
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
    @Override
    public int getSpanSize(int position) {
        //define span size for this position
        //for example, if you have 2 column per row, you can implement something like that:
        if(position == youRule) {
            return 2; //item will take 2 column (full row size)
        } else {
            return 1; //you will have 2 rolumn per row
        }
    }
});

注意spanSize spanCount

【讨论】：

我已经尝试过了，但未能获得准确的输出。这是我的代码：GridLayoutManager layoutManager = new GridLayoutManager(this, 3); layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() { @Override public int getSpanSize(int position) { if (position % 2 == 0) { return 2; } else { return 1; } // return (3 - position % 3); } });

【解决方案2】：

好吧，我已经解决了！解决办法是：-

GridLayoutManager layoutManager = new GridLayoutManager(this, 2);
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
//                if (position % 3 == 0) {
//                    Log.e("TAG", "Position: " + position +" position % 3= " + position % 3 + " return 2");
//                    return 2;
//                } else {
//                    Log.e("TAG", "Position: " + position +" position % 3= " + position % 3 + " return 1");
//                    return 1;
//                }
                if (position % 3 == 0 || position % 3 == 1) {
                    Log.e("TAG", "Position: " + position +" position % 3= " + position % 3 + " return 1");
                    return 1;
                } else {
                    Log.e("TAG", "Position: " + position +" position % 3= " + position % 3 + " return 2");
                    return 2;
                }
//                return (3 - position % 3);
            }
        });

【讨论】：