使用 GridLayoutManager 实现 RecyclerView 时将项目居中

Posted 2023-04-19

【中文标题】使用 GridLayoutManager 实现 RecyclerView 时将项目居中

【英文标题】：Centering items in a RecyclerView when it's implemented with GridLayoutManager

【发布时间】：2016-02-19 08:23:12

【问题描述】：

我有一个使用 GridLayoutManager 实现的 RecyclerView。

根据数据集中有多少项，spanCount在1-4之间。项目宽度根据 spanCount 变化。如果 spancount 为 4 或以上，则 spanCount 保留为 4。

如果我有 5 个项目，则剩下 1 个项目（1 行中的 4 个项目，剩余 1 个项目），位于屏幕左侧，单独一行。我希望它居中。

我已经尝试以编程方式设置剩余项目的边距，并在 LinearLayouts 中包装 recyclerView 和单个项目并将重力设置为中心，以及设置 recyclerView 的重力。

示例项目 XML：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    android:gravity="center"
    android:orientation="horizontal"

    >


    <RelativeLayout
        android:layout_
        android:layout_
        android:layout_gravity="center"
        android:id="@+id/relative"
        /> 

</LinearLayout>

RecyclerView XML 示例

        <LinearLayout
            android:layout_
            android:layout_
            android:gravity="center"
            android:orientation="horizontal"
            >
           <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler"
            android:layout_
            android:layout_

            />

        </LinearLayout>

任何人都可以提出解决方案，或者，给我工作的材料。

提前致谢。

【参考方案1】：

这个问题的答案是，当您设置 GridLayoutManager 的 spancount 时，每个项目，无论您尝试制作多大，都不会扩大到超出单个项目允许的尺寸。项目中允许的尺寸“盒子”，盒子的大小由 recyclerview 的总高度和宽度相对于 GridLayoutManager 上设置的 spancount 指定。这也意味着您不能使用重力设置将项目推到它的“盒子”之外。

item的box/cell一般是这样计算的：如果recylerview的宽度是100dp，spancount是2，那么每个items box/cell的宽度就是：width/spanCount。在这种情况下，每个框的宽度为 50dp (100dp/spanCountOf2)。

为了让一个项目占据整个 100dp，然后在 100dp 的空间中居中，该项目必须占用 2 个跨度计数，即如果宽度为 100dp，跨度计数为 2，则每个项目是分配了 50dp 的宽度（2 个可用 spancount 中的 1 个），要让项目占用全部 100dp，您需要告诉 gridLayoutManager X 位置的项目占用 2 个 spanCounts 而不是 1。一旦项目占用了全部宽度或您希望它占用的跨度数量，它可以在其新定义的框内居中或调整大小（框大小是回收器相对于其跨度计数的宽度/高度）。

要更改给定项目占用的跨度数，请在 GridLayoutManager 上调用：setSpanSizeLookup()。然后确定要更改 spanSize 的项目的位置，并在 setSpanSizeLookup() 方法的 return 语句中，返回您希望它使用多少个 span：

 gridlayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() 
                @Override
                public int getSpanSize(int position) 
                    if (position == 1) 
                        return 4; // the item in position now takes up 4 spans
                    
                    return 1;
                
            );
        

通过更改项目的 spanCount，如果该项目占用了每一行的总 spancount，您可以使用重力设置将项目置于行中间。

不过，您可能会发现您还必须在适配器中使用替代布局，以便您的项目居中。因此，潜在地，您可能必须通过 recyclerAdapter 中的 getItemViewType() 方法在设置不同的跨度计数和使用不同的布局之间进行混合和匹配。

【讨论】：

解释得很好！