繁体   English   中英

如何使 GridLayoutManager 的内容居中?

[英]How to center content of GridLayoutManager?

只是试图将我的 RecyclerView 水平居中。

这是 xml:

<?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"
    tools:context=".MainActivity">



    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent" 
        android:layout_height="match_parent"/>


</RelativeLayout>

这里是 java 代码:

mRecyclerView = findViewById(R.id.recycler_view);
itemLayoutManager = new GridLayoutManager(this, 6);
mRecyclerView.setLayoutManager(itemLayoutManager);
...
mItemAdapter = new ItemAdapter(MainActivity.this, mItemList);
mRecyclerView.setAdapter(mItemAdapter);

当我运行应用程序时,recyclerview 左对齐。 我到底需要做什么才能使内容居中,以便像右侧示例图片中那样左右边距相同?

在此处输入图像描述

创建一个类,例如将填充设置为项目:

class SpacingItemDecorator (private val padding: Int) : RecyclerView.ItemDecoration()
{
    override fun getItemOffsets(
        outRect: Rect,
        view: View,
        parent: RecyclerView,
        state: RecyclerView.State
    )
    {
        super.getItemOffsets(outRect, view, parent, state)
        outRect.top = padding
        outRect.bottom = padding
        outRect.left = padding
        outRect.right = padding
    }
}

现在在你的 RecyclerView 中设置paddingStartpaddingEnd ,例如4dp

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingStart="4dp"
    android:paddingEnd="4dp"
    app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
    app:spanCount="6"/>

当您创建适配器时,只需应用此项目装饰器:

val x = (resources.displayMetrics.density * 4).toInt() //converting dp to pixels
recyclerView.addItemDecoration(SpacingItemDecorator(x)) //setting space between items in RecyclerView

RecyclerView 项目:

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="6dp"
    app:cardElevation="4dp">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/txtContent"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{Integer.toString(dataView.id)}"
            android:textSize="20sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

结果:

在此处输入图片说明

我最近遇到了同样的问题并查看了源代码。 使用 GridLayoutManager 没有直接的方法来执行此操作。 另一种是使用更可定制的 GridView。

这是您或任何其他寻求解决方法的人的替代解决方案。

我不想更改为 GridView,所以这就是我所做的。 我将 RecyclerView 的布局宽度设置为 wrap_content 并将其在父级内水平居中(在您的情况下是 RelativeLayout 所以它将类似于android:centerHorizontally="true"

我知道项目宽度,所以我通过将屏幕宽度除以项目宽度(加上任何水平边距)来计算 spanCount。 现在我将跨度计数设置为网格布局管理器,它会按照您想要的方式水平居中。

为项目的布局根添加边距在这里起着重要作用。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM