Android RecyclerView GridLayoutManager将项目居中并保持相同宽度

Question

我使用布局管理器将此RecyclerView配置为：

recyclerView.setLayoutManager(new GridLayoutManager(this, 3));

我的具体情况是子项没有预定义的宽度。相反，我将它们的宽度设置为

android:layout_width="match_parent"

然后我希望GridLayoutManager为每个项目提供1/3的可用空间。

到目前为止很好，但我希望，如果在最后一行只有1或2个项目显示，我想居中他们。

正如您在最后一行中看到的，这些项被拉到布局的边缘，父项的宽度在它们之间被分割。这是因为正如我所说的，它们的宽度不是预先确定的。

我所期望的是计算项目的宽度，因为它们显示为每行3个项目，然后将它们居中。如图所示：

有没有什么方法可以使用GridLayoutManager或者甚至使用FlexBoxLayoutManager来实现这一点？

Answer 1

您可以通过在GridLayout内部使用LinearLayout和一些 来实现此效果：

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        tools:ignore="MissingConstraints"
        android:layout_marginTop="20dp"
        android:id="@+id/l1">

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#000000" />

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#000000" />

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#000000" />

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>
    </LinearLayout>

    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        tools:ignore="MissingConstraints"
        android:layout_below="@+id/l1"
        android:layout_marginTop="20dp"
        >

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#000000" />

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#000000" />

        <Space
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1">
        </Space>
    </LinearLayout>
</RelativeLayout>

这就是我屏幕上的样子：