在 RecyclerView 中居中自定义视图

Question

我有一个卡片视图项目：

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"
    android:layout_gravity="center"
    android:layout_width="330dp"
    android:gravity="center"
    android:layout_height="190dp"
    card_view:cardCornerRadius="4dp"
    card_view:cardElevation="10dp"
    android:layout_marginTop="0dp"
    android:layout_marginBottom="0dp"
    android:foregroundGravity="center_horizontal">
    <TextView
        android:id="@+id/grade"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical|center_horizontal"
        android:textSize="30dp" />
</android.support.v7.widget.CardView>

还有一个包含 RecyclerView 的布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:theme="@style/AppTheme"
    android:layout_gravity="center_horizontal"
    android:gravity="center_horizontal">
    <include
        layout="@layout/toolbar"
        android:id="@+id/tb">
    </include>
    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/refresh"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal"
        android:gravity="center">
        <android.support.v7.widget.RecyclerView
            android:id="@+id/grade_list"
            android:scrollbars="none"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#263238"
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal" />
    </android.support.v4.widget.SwipeRefreshLayout>
</LinearLayout>

我有一个适配器，它用卡片视图项填充 RecyclerView。然而，他们并没有被集中。相反，它们似乎与我视图的左侧对齐。我尝试了几种解决方案，包括在我的 RecyclerView 活动的 OnCreate 方法中使用以下代码：

gradeList = (RecyclerView)findViewById(R.id.grade_list);
    LinearLayoutManager lm = new    LinearLayoutManager(getApplicationContext());
    lm.setOrientation(lm.VERTICAL);
    gradeList.setLayoutManager(lm);
    gradeList.setAdapter(new RecyclerAdapter(gradeData));
    gradeList.addItemDecoration(new RecyclerView.ItemDecoration() {

        @Override
        public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
            int totalWidth = parent.getWidth();
            int maxCardWidth = getResources().getDimensionPixelOffset(R.dimen.card_width);
            int sidePadding = (totalWidth - maxCardWidth) / 2;
            sidePadding = Math.max(0, sidePadding);
            outRect.set(0,sidePadding,0,sidePadding);
        }
    });

但是，似乎没有任何效果。

编辑：当使用布局作为我的卡片项目的根时：

Answer 1

至少在支持库上，卡片视图布局嵌入在 FrameLayout 中，而这个是您问题的罪魁祸首。

由于您不能以干净的方式处理它，我建议将您的 CardView 嵌入到另一个布局中，其中您有 width=match_parent 并且其内容居中。我试过LinearLayout：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center">
    <android.support.v7.widget.CardView>
        ...
    </android.support.v7.widget.CardView>
</LinearLayout>

Answer 2

我假设您说的是卡片项目没有居中。如果是这样，我建议使用 TableLayout 并设置stretchColumn=0。这使得卡片项目位于您的回收站视图的中心且唯一的列中。 因此，在您的情况下，只需使用 TableLayout 和 TableRow 包装您的 Recycler View。这是我在当前 Recycler 视图布局中使用的代码示例：

<FrameLayout 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="your_context"
    android:id="@+id/dataStructuresView"
    android:background="@drawable/background">

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="0">
        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="30dp">
            <android.support.v7.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/recyclerView">
            </android.support.v7.widget.RecyclerView>
        </TableRow>

    </TableLayout>

</FrameLayout>

Answer 3

您的卡片剪裁似乎有问题。看看他们在哪里有一条直线切割卡片下方的阴影......添加 android:clipToPadding="false" android:clipChildren="false" 在你的布局中:)