android - Android RecyclerView GridLayoutManager 中心项目并保持相同的宽度

Question

我将其RecyclerView配置为布局管理器：

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

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

android:layout_width="match_parent"

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

到目前为止一切顺利，但我希望如果在最后一行只有 1 或 2 个项目要显示，我想将它们居中。

我尝试了这个解决方案，但我得到的是：

正如您在最后一行中看到的那样，项目被拉伸到布局的边缘，并且 parent 的宽度在它们之间划分。发生这种情况是因为正如我所说，它们的宽度不是预先定义的。

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

有什么办法我可以用GridLayoutManager甚至用它来做这个FlexboxLayoutManager吗？

Answer 1

LinearLayout您可以通过使用 a inside your GridLayoutwith some来实现该效果<Space：

    <?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>

这就是它在我的屏幕上的样子：